vue專案檔案命名風格指南

2021-10-18 18:07:25 字數 372 閱讀 1874

使用vue-cli工程化開發專案時,會需要建立許多的檔案,如何統一命名需要遵循一定的規範

所有的component檔案都是以大寫開頭 (pascalcase),這也是官方所推薦的。

但除了index.vue

例子:所有的.js檔案都遵循橫線連線 (kebab-case)。

例子:在views檔案下,代表路由的.vue檔案都使用橫線連線 (kebab-case),代表路由的資料夾也是使用同樣的規則。

例子:

使用橫線連線 (kebab-case)來命名views主要是出於以下幾個考慮。

Vue風格指南

2 元件的data必須是乙個函式 data function 3 prop定義應該詳細。細緻的 prop 定義有兩個好處 更好的做法!props 4 為v for設定鍵值 在元件上總是必須用key配合v for,以便維護內部元件及其子樹的狀態。甚至在元素上維護可 的行為。案例 如你想使用給列表加過渡...

Vue 風格指南

了解vue風格指南,有利於規範編碼,現將一些規則記錄如下 1 元件 單檔案元件的檔名應該要麼始終是單詞大寫開頭 pascalcase 要麼始終是橫線連線 kebab case 單例元件名 在每個頁面中只是使用一次的元件應該以the字首命名,以示其唯一性。這類元件永遠不會接受任何prop。和父元件緊密...

vue元件命名風格

單檔案元件的檔名應該要麼始終是單詞大寫開頭 pascalcase 要麼始終是橫線連線 kebab case 單詞大寫開頭對於 編輯器的自動補全最為友好,因為這使得我們在 js x 和模板中引用元件的方式盡可能的一致。然而,混用檔案命名方式有的時候會導致大小寫不敏感的檔案系統的問題,這也是橫線連線命名...