Vue 風格指南

2022-05-02 16:45:15 字數 604 閱讀 5353

了解vue風格指南,有利於規範編碼,現將一些規則記錄如下:

(1)元件

單檔案元件的檔名應該要麼始終是單詞大寫開頭 (pascalcase),要麼始終是橫線連線 (kebab-case)。

單例元件名:在每個頁面中只是使用一次的元件應該以the字首命名,以示其唯一性。這類元件永遠不會接受任何prop。

和父元件緊密耦合的子元件應該以父元件名作為字首命名。

元件名應該以高階別的 (通常是一般化描述的) 單詞開頭,以描述性的修飾詞結尾。

對於絕大多數專案來說,在單檔案元件和字串模板中元件名應該總是 pascalcase 的——但是在 dom 模板中總是 kebab-case 的(由於 html 是大小寫不敏感的)。

元件名應該傾向於完整單詞而不是縮寫。

單檔案元件應該總是讓標籤的順序保持一致。且要放在最後,因為另外兩個標籤至少要有乙個。

(2)data  

(3)prop  

(4)屬性

(5)指令

(6)樣式  

(7)模板

(8)狀態

Vue風格指南

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

vue書寫規範 風格指南

good item export default data 在vue的根例項data可以是物件,因為只有乙個根例項 newvue props 情況一 迴圈陣列,只顯示item.active 1的item 解決方法 computed先過濾出來需要展示的陣列,在迴圈 item v for item in...

vue專案檔案命名風格指南

使用vue cli工程化開發專案時,會需要建立許多的檔案,如何統一命名需要遵循一定的規範 所有的component檔案都是以大寫開頭 pascalcase 這也是官方所推薦的。但除了index.vue。例子 所有的.js檔案都遵循橫線連線 kebab case 例子 在views檔案下,代表路由的....