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

2021-10-05 16:38:24 字數 844 閱讀 7902

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

unknown custom element: - did you register the component correctly? for recursive components, make sure to provide the 「name」 option.

**如下:

**為:

export default

,//檔案中使用為:

"16"

class

="city-select"

>

"adcode"

>

<

/three-link>

<

/el-col>

經過反覆檢查,由於這個元件名稱是2個字母引入,由於vue在不同的地方對駝峰字元要求不一下,引入檔案改為如下才能使用。

import threelink from "@/components/xiyou/threelink/threelink"

export default

,

根據規範注意以下:

1、子元件檔名全為小寫:threelink

2、子元件export名第一字元大寫:threelink

3、引入元件每個字元都要大寫:threelink

4、components,與第3一樣

5、使用的地方,用小寫字元,用「-」分隔開,three-link

此問題反覆試了多次,特此記錄。

vue怎麼引入子元件

第一步 例子是在aboutus.vue介面引入子元件sidefloating.vue,如下圖 第二步 給子元件sidefloating.vue命名乙個全域性的id 第三步 返回aboutus.vue頁面,引用sidefloating.vue子元件 如下圖 首先引入介面,indexfloating對應...

vue元件引入另一vue元件

個人blog,歡迎關注加收藏 在元件中引入另一組件 元件化開發,最重要的特點就是其復用性。當某一部分內容重複出現在多個元件中 時,可以將其提出單獨組成乙個元件。重複使用。如下圖 其中底部導航條的部分 就會出現在多個元件中 在當前元件card.vue中引入barbottom.vue的步驟如下 在car...

動態引入vue元件

乙個頁面是由多個元件組合而成的,這個頁面需要import多個元件,如果整個page.vue檔案裡面全是import不太美觀,新建乙個asyncloadcomp.vue元件用來動態引入元件,新建乙個index.js檔案用來引入所有元件檔案 page.vue import asyncloadcomp f...