Vue 项目启动抛出 Syntax Error/ Unexpected token

报错内容
错误原因

1.ES6 新增了不少标识符，但浏览器大多无法直接识别，需要借助 babel 对 ES6 代码进行转义
2.项目启动时抛出如下错误，表示 … 运算符没能被识别，该运算符属于 ES6 的解构运算符
3.出现该问题的原因基本上可以定位是项目没有配置 babel 即使package.json 文件中已经引入 babel ，但仍然需要在项目根目录创建一个 .balbelrc 文件进行配置

解决方式

在项目根目录创建 .babelrc 文件即可实现对 babel 的基本配置

{
  "presets": [
    ["env", {
      "modules": false
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime", "transform-vue-jsx"]
}