vuex学习之Actions的用法详解
Action类似于mutation,不同在于:
Action提交的是mutation,而不是直接变更状态.Action是异步的,mutation是同步的。
沿用vuex学习---简介的案例:这里是加10减1
1.在store.js中代码为:
importVuefrom'vue' importVuexfrom'vuex' //使用vuex模块 Vue.use(Vuex); //声明静态常量为4 conststate={ count:4 }; constmutations={ add(state,n){ state.count+=n.a; }, sub(state){ state.count--; } }; constactions={ //2种书写方式 addplus(context){//可以理解为代表了整个的context context.commit('add',{a:10}) }, subplus({commit}){ commit('sub'); } }; //导出一个模块 exportdefaultnewVuex.Store({ state, mutations, actions })
2.在App.vue中代码如下:
这是vuex的示例
组件内部count{{count}}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。