了解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檔案下,代表路由的....