vuex使用报错

1.vuex简介

　　最近在玩vuex,不得不说它是一个很强大的工具,它的目的就是把数据统一管理起来,方便各个组件之间来回调用

2.vuex引用报错

当我们去官网看API文档的时候,会发现官网是这么应用action的

可当我们去这么写的时候就会报这么一个错,不得不说这真是一个大坑啊

 

主要原因就是是浏览器不认识 “... ” 对象展开运算符，所以报语法错误

解决方法：安装一个插件翻译对象展开运算法语法

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

然后到到根目录去修改.babelrc文件

{
  "presets": [
    ["es2015", { "modules": false }]
  ],
  "plugins": ["transform-object-rest-spread"] //增加这一行
}

然后保存,运行  好了 问题已经解决了