[Vue] Vue js Store icin getters KullanmAK
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;
}
}
});
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
-------------------------------------------------
sayaç: {{counter}}
Yorumlar
Yorum Gönder