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

組件，不能和html標籤重複

header組件，h5新標籤重複

Do not use built-in or reserved HTML elements as component id:header

 

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

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

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

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

 

 

聊聊 Vue 組件命名那些事，講的很寫詳細

瞭解更多：https://cnodejs.org/topic/5816aabdcf18d0333412d323