組件,不能和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 組件命名那些事,講的很寫詳細