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;