解决 vue2中vuex中使用es6...对象展开运算符报错解决方法

vuex2中的mapGetters报语法错误,报错的位置: ...mapGetters,一下是是一个todolist的demo片段:

,computed:{

...mapGetters({

todos:'doneTodos',

doneTodosCount:'doneTodosCount'

})

这里的 ...是es6的对象扩容运算符,目前bable暂不支持,需要引入新的包来解决,

方案如下:安装一个babel插件翻译对象展开运算符语法:
npm:

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

cnpm:
 cnpm install babel-plugin-transform-object-rest-spread

到根目录修改.babelrc文件:
 {
"presets": [
["es2015", { "modules": false }]
],
"plugins": ["transform-object-rest-spread"] //新增这一行
}

然后就可以用了。

你可能感兴趣的:(解决 vue2中vuex中使用es6...对象展开运算符报错解决方法)