在vuex的方法调用用传递参数,只需要在mutations和actions相应的地方加上参数,然后调用的时候传入即可。
(1)src/vuex/store.js中// actions中传递参数const mutations = {
ADD (state, n) {
state.count += n;
}}// actions中传递参数const actions ={
// 触发mutations中相应的方法
add ({commit}, n) {
// 增加异步
setTimeout(()=>{
commit('ADD', n);
},3000);
console.log('我比reduce提前执行');
}}
(2)页面组件常规调用传递// template+// scriptmethods: {
add() {
// 分发action
this.$store.dispatch('add', 99);
}}
(3)页面组件使用mapActions调用传递// template+// scriptmethods: {
...mapActions(['add'])}