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

2017-06-12  本文已影响1903人  三丰张

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

,computed:{

...mapGetters({

todos:'doneTodos',

doneTodosCount:'doneTodosCount'

})

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

方案如下:安装一个babel插件翻译对象展开运算符语法:
npm:
<pre> npm install babel-plugin-transform-object-rest-spread</pre>
cnpm:
<pre> cnpm install babel-plugin-transform-object-rest-spread</pre>
到根目录修改.babelrc文件:
<pre> {
"presets": [
["es2015", { "modules": false }]
],
"plugins": ["transform-object-rest-spread"] //新增这一行
}
</pre>
然后就可以用了。

上一篇 下一篇

猜你喜欢

热点阅读