vue学习笔记[2]

vuex …mapActions的问题

…是ES6的扩展运算符，在下面这几行代码中mapActions前加上扩展运算符有什么用呢？

methods: {
        ...mapActions([
            'addNum', 'initializeData',
        ]),
        //点击
        nextItem(){
            //00000000000
        }

    },

mapActions() 返回的是一个对象, 用了 … 扩展符后，才可以放进一个对象里，和其他组件内定义的 method 在同一个 methods 对象。

{
    methods: mapActions() // 如果没有其它组件内的定义的方法,可以这样写
}

{
    methods: {
        ...mapActions()，// 如果有其他定义的方法
        otherMethod1 () {},
        otherMethod2 () {}
    }
}

Vuex源码分析

Vuex 2.0 源码分析（上）
Vuex 2.0 源码分析（中）
Vuex 2.0 源码分析（下）