【vuex入门系列04】 在actions里利用dispatch触发内部的actions方法,传参，改装es6解构赋值的方式操作

标签（空格分隔）： vue

---

在actions里面触发内部的actions方法

actions: {
        addAction(context) {
            // context 是一个对象
            setTimeout(() => {
                context.commit('addIncrement', { n: 5 })
                context.dispatch('shudongAction') //在这里触发
            }, 1000)
        },
        shudongAction() {
            console.log("hi stark");
        }
    }

在actions里面触发内部actions方法传参

 actions: {
        addAction(context) {
            // context 是一个对象
            setTimeout(() => {
                context.commit('addIncrement', { n: 5 })
                    // context.dispatch('shudongAction')
                context.dispatch('shudongAction', { name: 'stark', age: 18, sex: 'man' })
            }, 1000)
        },
        shudongAction(context, stark) {
            console.log(stark);
            console.log(stark.name);
            console.log("hi stark");
        }
    }

可以利用es6的解构赋值的方式来操作 在这个actions里面的函数接收的context对象打印有很多方法

当我们使用这么多方法的时候可以利用es6的解构赋值的方式来操作

        addAction({ commit, dispatch }) {
            console.log(context);
            // context 是一个对象
            setTimeout(() => {
                commit('addIncrement', { n: 5 })    
                dispatch('shudongAction', { name: 'stark', age: 18, sex: 'man' })
            }, 1000)
        }
    }