Vue全家桶問題合集（不少eslint規範問題）

本身使用Vue全家桶問題合集（不少eslint規範問題）

參考規範

https://www.cnblogs.com/souleigh-hong/p/9050217.html

遇到不少問題一一道來。

1.vue報錯 Do not use built-in or reserved HTML elements as component id:header

組件，不能和html標籤重複

header組件，h5新標籤重複

因爲在模板須要插入到 DOM 中，因此模板中的標籤名必須可以被 DOM 正確地解析。主要有三種狀況：

　　　　一是徹底不合法的標籤名，例如 </>；

　　　　二是與 HTML 元素重名會產生不肯定的行爲，例如使用 input 作組件名不會解析到自定義組件，使用 button 在 Chrome 上正常但在 IE 上不正常；

　　　　三是與 Vue 保留的 slot、partial、component 重名，由於會優先以自己的意義解析，從而產生非預期的結果。

 

2.eslint: Expected indentation of 2 spaces but found 4

縮進報錯 ，全部縮進只能用兩個空格

 

3. Newline required at end of file but not found  

須要在最後的</style>後面再加一行!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

 

4.Missing space before value for key 'name'  

在關鍵字「值」以前缺乏空格

 

5.A space is required after ','

在，後面要加空格

 

6.space-before-blocks

 關鍵字後面要空一格。

 

7.key-spacing

對象字面量中冒號的先後空格

 

8.no-unused-vars

不能有聲明後未被使用的變量或參數

 

9.全部.vue裏面的，style和script屬性都頂格。