[Vue] Getters kullanimi devam ...mapGetters 3 nokta
Vue js vuex ile store edilen dataları app seviyesinde merkezi bir yerde tutar herkes erisir
öncelikle dependency olarak vuex eklenir
npm install --save vuex
Store.js // bunu kendimiz olusturduk burda tanimlicaz
-------------------------------------------------
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex); // vue ya vuex i kullanacağımızı söylüyoruz
export const store = new Vuex.Store({
state:{
counter:0
},
getters : {
getDoubleCounter(state){
return state.counter*2;
}
stringCounter(state){
return state.counter++ +" kez tiklandi ";
}
}
});
main.js
-------------------------------------------------
import Vue from "vue";
import App from "./App.vue";
import {store} from "./store/store"
new Vue({
el: '#app',
store,
render : h=>h(App)
});
Counter.vue
-------------------------------------------------
Result.vue
-------------------------------------------------
App.vue
-------------------------------------------------
// bu prop. ile ilgili
sayaç: {{getDoubleCounter}}
tik say: {{stringCounter}}
------------------sayaç: {{doubleCount}}
tik say: {{stingCount}}
-------------------
Yorumlar
Yorum Gönder