Vue組件注冊報錯:[Vue warn]: Unknown custom element: – did you register the component correctly? For rec...


出現(xiàn)這個錯誤,跟我們組件注冊命名,和組件調(diào)用時的命名有關(guān),這是一個Vue中隱形的坑。(首先明確,在vue腳手架里面時沒有限制的,支持駝峰命名,純的HTML代碼才會這樣)

組件注冊使用了駝峰命名的話,那么組件調(diào)用的時候就要用橫桿(-)代替。


第一種組件的調(diào)用方法是正確的,第二種組件調(diào)用方法的名稱和組件注冊的名稱保持一致的話會報錯。

當(dāng)然了避免了踩這種坑,我也學(xué)到了,組注冊組件的時候不要使用駝峰命名了。

我們一般習(xí)慣注冊組件和組件調(diào)用的名稱都保持一致的,所以直接用橫杠,要不就全小寫,要就不全大寫注冊。

常見組件注冊三種坑,一定要對應(yīng)好。

總結(jié):全小寫保持一致,總沒錯。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容