微客导航 » 文章资讯 » vuex学习之Actions的用法详解

vuex学习之Actions的用法详解

2023-09-25 16:36:07 302

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中代码如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

vuex学习之Actions的用法详解

这是vuex的示例

随机推荐

vuex学习之Actions的用法详解

这是vuex的示例

热门推荐

随机推荐