webpack+vue自动化编译的坑还是很多的。
先介绍下Eslint
我不是来教Eslint，点我
正题：
第一坑：
把main.js文件中的注释我全给删了（处女座，洁癖~）
编译报错上图
继续上图
这段注释不可删~！！！切记！！
这段注释不可删~！！！切记！！
这段注释不可删~！！！切记！！
第二坑：
代码结束留一行~！！！代码结束留一行~！！！代码结束留一行~！！！
如图这样
第三坑：
报各种格式错误~！
这就是因为Eslint语法检测报错，一步一步按说明更改即可
我用的是添加注释告诉Eslint这段代码不需要你给我检测
这两行注释的中间部分不进行Eslint检测，顺序固定，不能颠倒~！！
1.组件声明DATA用函数式声明
2.实例声明DATA用对象形式
3.组件异步请求操作data无效需要return 到函数里调用数据
函数内路由跳转
函数执行完，或者逻辑内执行路由调转代码
this.$router.push({path:'/score'})
定义好组件后在页面引用组件
注册组件
在template中使用组件
未完待续~~
在碰到坑继续写出来~~