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;