关于VUEX2.0中的mapMutations的问题

Question

用最新的VUEX2.0做练习的时候遇到个难题，就是我设置的mapMutations加上...对象展开符的话浏览器会报错，如图

难道是跟babel的解析有关， ...对象展开符不能解析？不应该吧，我单独用...做 [...arr]测试都没问题呢？而且写法也没什么问题，官方的DEMO是这么写的，语法一模一样的啊，我的怎么就老报错？？

Answer 1

检查一下 .babelrc 文件里有没有 stage-3 或 stage-2、1、0？并且确保 npm 安装了相应的 stage 的 preset 依赖。

{
  "presets": ["es2015", "stage-3"]
}

参见：https://www.gmiam.com/post/wa...

Answer 2

看起来你用的是webpack，那么你需要：

npm install --save-dev babel-plugin-transform-object-rest-spread

然后，打开你的webpack.config.js文件，修改/增加vue属性，如下：

vue: {
    loaders: {
        js: 'babel?{"presets":["es2015"],"plugins": ["transform-object-rest-spread"]}'
    }
},

注意该vue属性是和entry、module平级关系的，不要加错位置

Answer 3

很明显， babel解析失败。 应该是没有加上对应的presets。上面的写法是解析赋值，属于es7的。介绍可以看这里

如果要解决这个问题，需要对加上stage-0。 我写了个例子：
https://babeljs.io/repl/#?bab...

Answer 4

我也需要这个问题了，这是我的问题和解答。
相关问题