vue 中命名規範

2022-06-29 04:36:09 字數 575 閱讀 2513

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

vue.component('mycomponent', {});    或者      vue.component('my-component', {});

import mycomponent from 'mycomponent.vue';

export default

在dom中使用的時候,

宣告 prop的時候,使用駝峰命名(myprops), 模板中使用的時候,用 - 連線(my-props)

props: 

}

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

this.$emit('my-event');

vue檔案命名規範

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

Vue單檔案元件命名規範

一直想寫一篇vue專案結構及元件內屬性 方法命名規範的部落格,今天終於騰出時間來寫了,也算是個人的總結 這篇部落格借鑑了另一篇部落格,值的推薦,個人也是在此基礎上加了一些個人的習慣用法 views資料夾是所有檢視的檔案入口,包括所有的檢視以及檢視集合模組 views 下面的資料夾代表著模組的名字,一...

Vue中 常用的命名規範

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