元件命名不規範帶來的問題

2021-10-13 19:26:03 字數 723 閱讀 6999

想要在movie元件中加乙個頭部header和乙個底部tabbar,但是遇到了問題,如下:

在引入header元件時,該有的步驟都有,檢查路徑也沒有問題,但是顯示報錯資訊:『the 「header」 component has been registered but not used.』。tabbar可以正常顯示。

於是,我嘗試將header元件的首字母大寫,也就是改為header,之後發現問題解決了,header和tabbar正常顯示。

然後我就想應該是元件命名的問題,所以,在命名元件時,盡量按照官方推薦的元件命名方式,即每個單詞首字母大寫(pascalcase)或者全小寫用 - 連線(kebab-case),在dom中使用的時候,改為全小寫,單詞之間用 - 連線。

但是,如上面的例子所示,我的tabbar元件和header元件一樣沒有首字母大寫,tabber沒有問題,而header卻報錯!!!這是怎麼肥事呢…

以後在命名元件時,還是盡量寫規範吧!

JavaWeb專案命名不規範帶來的問題

昨天在用extjs做web專案時,出現了乙個很奇怪的問題,我在使用者登入的servlet login 中通過session.setattribute設定物件引數,理論上使用者登入成功後引數傳遞成功,在其他servlet中便可通過session.getattribute獲取物件引數的值,但是怎麼都是n...

VUE引入子元件命名不規範錯誤解決

昨天在做乙個省市縣 聯動子元件,檔名稱為threelink.vue,結果總是報以下錯誤,用了各種方法還是報錯,系統引入過另乙個元件fetch.vue沒有問題,但這元件總是報以下錯誤。unknown custom element did you register the component corre...

Vue單檔案元件命名規範

一直想寫一篇vue專案結構及元件內屬性 方法命名規範的部落格,今天終於騰出時間來寫了,也算是個人的總結 這篇部落格借鑑了另一篇部落格,值的推薦,個人也是在此基礎上加了一些個人的習慣用法 views資料夾是所有檢視的檔案入口,包括所有的檢視以及檢視集合模組 views 下面的資料夾代表著模組的名字,一...