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

2022-07-13 05:15:07 字數 834 閱讀 8084

起因是因為看見下圖,自己沒明白為什麼,從而上網查了一下。

參考:

官網給出說明為:

1.註冊元件的時候使用了駝峰命名

如果在註冊元件的時候使用了駝峰命名, 那麼在使用時需要轉換成短橫線分隔命名

262.傳遞資料時使用駝峰名稱

如果父元件向子元件傳遞資料時使用了短橫線分隔命名, 子元件接收時寫駝峰式命名

3.傳遞方法時雙方都不能使用駝峰命名, 只能用短橫線分隔命名

14按鈕15}

1617

1840

41view code

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

1.使用 kebab case vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時,你也必須在引用這個自定義元素時使用 kebab case,例如。2.使用 pascalcase vue.component mycompone...

Vue元件引數名命名與元件屬性轉化示例

本文主要介紹了vuejs 元件引數名命名與元件屬性轉化問題,具有一定的參考價值,對此有需要的朋友可以參考學習下。如有不足之處,歡迎批評指正。html 特性是不區分大小寫的。所以,當使用的不是字串模版,camelcased 駝峰式 命名的 prop 需要轉換為相對應的 kebab case 短橫線隔開...

Vue 與 React 父子元件之間的家長里短

father.js id father 這是父元件 父元件p ref child msg msg click faclick child div template import child from child export default components methods childsayhe...