Vue中的命名方式

2021-09-11 02:09:14 字數 591 閱讀 7892

元件命名的兩種方式

1、kebab-case (短橫線分隔符) eg: 'my-component-name'

2、paselcase(首字母大寫)eg: 'mycomponentname' 兩種都可以 但是在dom裡面,只有這種可以

prop的大小寫

html的特徵名會全部轉化為小寫 如果camelcase(駝峰命名)的prop名,在dom裡面要寫成kebab-case

eg:vue.component('blog-post',{

props:['posttitle'],

template:''

如果使用字串模板,這個限制就不存在

事件名不存在任何自動化的大小寫轉化。推薦始終使用kebab-case的事件名

如果觸發了乙個camelcase名字的事件 this.$emit('myevent') 

在dom裡面,

監聽這個名字的camelcase版本不會有任何效果 v-on事件***在dom模板會自動轉換為全小寫 v-

v-on:myevent 會 變成 v-on:myevent 導致myevent監聽不到

所以 推薦始終使用kebab-case的事件名

vue 中命名規範

官方推薦的元件名是每個單詞首字母大寫 pascalcase 或者全小寫用 連線 kebab case 在dom中使用的時候,改為全小寫,單詞之間用 連線。vue.component mycomponent 或者 vue.component my component import mycomponen...

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

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

python中的變數名命名方式

python中有幾種比較有意思的命名的方式,name name,下面分別說它們的用處。雙下劃線開頭,雙下劃線結尾,表示的是特殊變數,是可以直接訪問的,這種形式的類成員的函式盡量不要過載。在 中我們經常見到這種方式命名。def init self,name 單下劃線開頭,有時候會看到這麼命名的例項變數...