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

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>
然后就可以用了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容