Vuex集中存储管理数据

共计 591 个字符，预计需要花费 2 分钟才能阅读完成。

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;