- 安装vuex
npm install vuex --save
- main.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
count:1,
},
getter:{
getStateCount(state){
return state.count+1;
}
},
mutations: {
add(){
state.count = state.count+1;
},
delete(n){
state.count = state.count-n;
}
},
actions: {
addFun(context){
context.commit("add");
},
deleteFun(context){
context.commit("delete",n);
}
}
})
组件中使用方式
this.$store.state.count;
this.$store.getter.getStateCount;
this.$store.commit("add");
this.$store.dispatch("addFun");
this.$store.dispatch("deleteFun",10);
