由于vue对语法的限制过于严格，以至于在我第一次编译运行的时候一直编译失败，当然也包括一些警告(好长一堆，删掉一些了)：

➜  my-project npm run dev 

> bblee-app@1.0.0 dev /Users/bianlifeng/my-project
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 95% emitting                                                                           

 WARNING  Compiled with 1 warnings                                                                                                                             5:00:12 PM


  ✘  http://eslint.org/docs/rules/indent                       Expected indentation of 0 spaces but found 2   
  src/components/Message.vue:46:1
    export default {
   ^

  ✘  http://eslint.org/docs/rules/indent                       Expected indentation of 2 spaces but found 4   
  src/components/Message.vue:47:1
      data() {
   ^

  ✘  http://eslint.org/docs/rules/indent                       Expected indentation of 2 spaces but found 4   
  src/components/Message.vue:65:1
      }
   ^

  ✘  http://eslint.org/docs/rules/indent                       Expected indentation of 0 spaces but found 2   
  src/components/Message.vue:66:1
    }
   ^


✘ 23 problems (23 errors, 0 warnings)


Errors:
  21  http://eslint.org/docs/rules/indent
   2  http://eslint.org/docs/rules/space-before-function-paren

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.     

当然，这里的警告我是知道怎么回事，但是这个错误我就很不明白了，原来eslint是一个语法检查工具，但是限制很严格，在我的vue文件里面很多空格都会导致红线警告(可以屏蔽)，虽然可以屏蔽，但是在编译的时候老是会跳出来一堆警告出来，所以能完全关闭语法的限制是最好的了。

关闭方法：

在build/webpack.base.conf.js文件中，注释或者删除掉：module->rules中有关eslint的规则

module: {
  rules: [
    //...(config.dev.useEslint ? [createLintingRule()] : []), // 注释或者删除
    {
      test: /\.vue$/,
      loader: 'vue-loader',
      options: vueLoaderConfig
    },
    ...
    }
  ]
}

然后重新运行一下npm run dev或者构建命令 npm run build就可以啦。