美文网首页
解决 vue2中vuex中使用es6...对象展开运算符报错解决

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

作者: 三丰张 | 来源:发表于2017-06-12 10:58 被阅读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>
然后就可以用了。

相关文章

网友评论

      本文标题:解决 vue2中vuex中使用es6...对象展开运算符报错解决

      本文链接:https://www.haomeiwen.com/subject/fbqlqxtx.html