Vuex集中存储管理数据

Vuex集中存储和管理应用的所有的组件状态(数据)import vuex from “vuex”Vue.use(vuex)let state = { count:0}let mutations = {
increment(){
state.count+=1
},
decrement(){
state.count-=1
}
} 这里主要通过this.$store.commit(“increment”)来改变state里的count值
let actions ={ acincrement(context){
context.commit(“increment”)
}, acdecrement(context){
context.comit(“decrement”)
}}通过this.$store.dispatch(“acincrement”)可以带参数的这里的context代表上下文
let getters={
getroundval(state){
state.count=state.count>0?
state.count:0;
return state.count;
}}这里通过this.$store.getters.getroundval,个人觉得这里主要对数据进行运算逻辑功能
const store=new Vue.Store({ state, mutations, actions, getters})export default store;