vuex actions异步修改状态的实例详解(2)

import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state={//状态对象 count1:1, }, const mutations={//触发状态 jia(state,n){ state.count1+=n; }, jian(state){ state.count1--; }, }, const actions={ jiaAction(context){ setTimeout(()=>{ context.commit('jian') },3000) console.log('我先被执行'); context.commit('jia',10) /*这句话就是说,我现在store调用了同步的方法jia()*/ }, jianAction({commit}){ commit('jian')/*这句话就是说,我现在store调用了同步的方法jian()*/ } } export default new Vuex.Store({ state, mutations, getters, actions/*这与state,mutations的操作方法是相同*/ })

以上这篇vuex actions异步修改状态的实例详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/a19651e92aaf018c7bdd233e14c2564e.html