webpack+vue自動化編譯的坑還是很多的。
先介紹下Eslint
我不是來教Eslint，點我
正題：
第一坑：
把main.js文件中的注釋我全給刪了（處女座，潔癖~）
編譯報錯上圖
繼續上圖
這段注釋不可刪~！！！切記！！
這段注釋不可刪~！！！切記！！
這段注釋不可刪~！！！切記！！
第二坑：
代碼結束留一行~！！！代碼結束留一行~！！！代碼結束留一行~！！！
如圖這樣
第三坑：
報各種格式錯誤~！
這就是因為Eslint語法檢測報錯，一步一步按說明更改即可
我用的是添加注釋告訴Eslint這段代碼不需要你給我檢測
這兩行注釋的中間部分不進行Eslint檢測，順序固定，不能顛倒~！！
1.組件聲明DATA用函數式聲明
2.實例聲明DATA用對象形式
3.組件異步請求操作data無效需要return 到函數里調用數據
函數內路由跳轉
函數執行完，或者邏輯內執行路由調轉代碼
this.$router.push({path:'/score'})
定義好組件后在頁面引用組件
注冊組件
在template中使用組件
未完待續~~
在碰到坑繼續寫出來~~