Vue元件註冊命名方式 駝峰和短橫線

2022-07-11 03:15:11 字數 473 閱讀 3511

1.使用 kebab-case

vue.component('my-component-name', )

當使用 kebab-case (短橫線分隔命名) 定義乙個元件時,你也必須在引用這個自定義元素時使用 kebab-case,例如

2.使用 pascalcase

vue.component('mycomponentname', )

當使用 pascalcase (首字母大寫命名) 定義乙個元件時,你在引用這個自定義元素時兩種命名法都可以使用。也就是說都是可接受的。注意,儘管如此,直接在 dom (即非字串的模板) 中使用時只有 kebab-case 是有效的。

---------------這裡是分割線---------------

參考:

vue元件的駝峰式命名與短橫線分割命名

起因是因為看見下圖,自己沒明白為什麼,從而上網查了一下。參考 官網給出說明為 1.註冊元件的時候使用了駝峰命名 如果在註冊元件的時候使用了駝峰命名,那麼在使用時需要轉換成短橫線分隔命名 262.傳遞資料時使用駝峰名稱 如果父元件向子元件傳遞資料時使用了短橫線分隔命名,子元件接收時寫駝峰式命名 3.傳...

vue元件註冊方式

3,擴充套件例項 vue.component tag name var child new vue vue中,new vue 與export default 兩者的區別?new vue 只在入口檔案 main.js裡使用,而其餘元件的裡的屬性和方法的使用,為什麼都要放在export default ...

vue元件一直註冊不了 Vue 元件註冊方式

寫在前面 無論是 vue 還是 react,都有元件的概念。元件,顧名思義就是能和別人組合在一起的物件。在前端頁面開發過程中,將乙個頁面劃分成乙個個小的模組,每個模組單獨定義,每個模組就是乙個元件。元件還可以進行復用,a 頁面和 b 頁面有乙個相似的模組,可以抽離成乙個可區域性修改的元件。元件化的概...