您现在的位置是：网站首页> 编程资料编程资料

vuex新手进阶篇之actions的使用方法_vue.js_

2023-05-24 287人已围观

简介 vuex新手进阶篇之actions的使用方法_vue.js_

1.设置actions事件

index.js

dict.js

2.在组件中去分发actions

3.注意点

action 类似于 mutation，不同在于

1.action 提交的是 mutation事件，而不是直接去改变state的状态值，改变state的值只有通过mutation

2.action 可以包含任意异步操作

actions的细节补充

1.参数问题

2.context的其他属性

3.另外一种提交风格（见上以对象的形式进行分发）

//store的index.js中 actions: { // 放函数 // 1.参数问题 incrementAction(context, payload) { console.log(payload) setTimeout(() => { context.commit('increment') }, 1000); }, // 2.context的其他属性 decrementAction({ commit, dispatch, state, rootState, getters, rootGetters }) { commit("decrement") } }