Vue中 常用的命名規範

2021-10-06 05:27:08 字數 853 閱讀 6363

官方推薦的元件名是 每個單詞首字母大寫（pascalcase） 或者全小寫用 - 連線（kebab-case）。在dom中使用的時候， 改為全小寫， 單詞之間用 - 連線。

vue.


component


('mycomponent',)；


或者     


vue.


component


('my-component',)


;import mycomponent from


'mycomponent.vue'


;export


default


在dom中使用的時候，  


<


/my-component>
宣告 prop的時候， 使用駝峰命名（myprops），模板中使用的時候，用 - 連線（my-props）

props:


}"abc"


>


<


/my-component>
因為html對大小寫不敏感，所以大寫的都會被轉為小寫的。 所以推薦都用 -連線來命名。

this


.$emit（'my-event'）;


"abc"


>


<


/my-component>

vue檔案命名規範

1 js檔案命名規範 屬於類的.js檔案，除index.js外，使用pascalbase風格 其它型別的.js檔案，使用kebab case風格 屬於api的，統一加上api字尾 2 vue檔案命名規範 除index.vue之外，其它.vue檔案統一用pascalbase風格 3 scss css ...

vue 中命名規範

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

常用的css命名規範

xhtml css寫作建議 1 所有的xhtml 小寫 2 屬性的值一定要用雙引號 括起來，且一定要有值 3 每個標籤都要有開始和結束，且要有正確的層次 4 空元素要有結束的tag或於開始的tag後加上 5 表現與結構完全分離，中不涉及任何的表現元素，如style font bgcolor bord...