vue開發項目的坑-[Vue warn]: Do not use built-in or reserved HTML elements as component id: MenuItem

[Vue warn]: Do not use built-in or reserved HTML elements as component id: MenuItem

[Vue warn]: Do not use built-in or reserved HTML elements as component id: Menu

 

 

對於這種警告，由於MenuItem和Menu在HTML5裏面是個DOM對象，因此不能使用，

其實報錯也沒關係，自定義的組件換個名字，不要和HTML5裏的語義化標籤元素重名就好了；

如像iview框架裏的這些已命名的組件（例如：MenuItem，Menu），導入時必須寫上他的名稱，不然組件沒法正常導入（如：import { MenuItem , Submenu , Menu} from "iview";）。

具體什麼緣由我也不知道，反正就是這麼寫了之後控制檯警告消失了。其實這個警告無論也沒什麼必要。組件依然會渲染到頁面上的。

在使用時，能夠使用這種方式來解決：

在components裏傳入組建的時候以鍵值對的形式傳入，鍵名爲你規定的名稱，值爲導入的組件名稱。使用的時候仍是使用導入的組件模塊名而不是components裏的鍵名。

以這種方式使用組件：

這個辦法只適用於iview框架裏的MenuItem，Input，Menu等組件的使用，其餘的不必定實用。

https://segmentfault.com/q/1010000009079169/a-1020000009079301

能夠參考這篇文章看看。

但願看過這篇文章的各位大牛和同仁們有什麼好的建議留言給我。

謝謝！