vue 規(guī)范一些總結(jié)

VUE 規(guī)范

1. 組件名稱應為多單詞,一個是駝峰寫法谜悟,一個是-的寫法

2. data必須是個函數(shù)微峰,避免全局污染

3.? prop定義類型在你提交的代碼中剥纷,prop 的定義應該盡量詳細,至少需要指定其類 ? 型瞬欧。

4.? v-for設置鍵值鳞骤,在組件上總是必須用key 配合v-for,以便維護內(nèi)部組件及其子組件的狀態(tài)黍判。甚至在元素上維護可預測行為豫尽。

5.? 避免v-for 和 v-if 用在一起

6. 為組件樣式設置作用域,這條規(guī)則只對單組件有用顷帖,不一定要使用scoped特性美旧。

7. 私有屬性名,使用模塊作用域保持不允許外部訪問的函數(shù)的私有性贬墩。如果無法做到這一點榴嗅,就始終為插件、混入等不考慮作為對外公共 API 的自定義私有屬性使用?$_?前綴陶舞。并附帶一個命名空間以回避和其它作者的沖突 嗽测。

8. 組件文件? 只要有能夠拼接文件的構建系統(tǒng),就把每個組件單獨分成文件肿孵。

9. 單文件組件文件大小寫唠粥。? 單文件組件的文件名應該要么始終是單詞大寫開頭,要么始終是橫線連接停做。

10. 基礎組件名晤愧, 應用特定樣式和約定的基礎組件 (也就是展示類的、無邏輯的或無狀態(tài)的組件) 應該全部以一個特定的前綴開頭蛉腌,比如Base官份, App, V 烙丛。

11. 單列組件名舅巷, 只應該擁有單個活躍實例的組件應該以?The?前綴命名,以示其唯一性河咽。

12. 緊密耦合的組件名钠右,和父組件緊密耦合的子組件應該以父組件名作為前綴名。

13. 組件名的單詞順序库北。組件名應該以高級別單詞開頭爬舰,以描述性的修飾詞結(jié)尾们陆。

14. 自閉合組件。 在單文件組件情屹、字符串模板和?JSX?中沒有內(nèi)容的組件應該是自閉合的——但在 DOM 模板里永遠不要這樣做坪仇。

15.? 模板中的組件名大小寫。 對于絕大多數(shù)項目來說垃你,在單文件組件和字符串模板中組件名應該總是 PascalCase 的——但是在 DOM 模板中總是 kebab-case 的椅文。

16. JS / JSX中的組件名大小寫。JS/JSX?中的組件名應該始終是 PascalCase 的惜颇,盡管在較為簡單的應用中只使用?Vue.component?進行全局組件注冊時皆刺,可以使用 kebab-case 字符串。

17. 完整單詞的組件名凌摄。 組件名應該傾向于完整單詞而不是縮寫羡蛾。

18. Prop名大小寫。 在聲明 prop 的時候锨亏,其命名應該始終使用 camelCase痴怨,而在模板和?JSX?中應該始終使用 kebab-case。

19. 多個特性的元素器予。多個特性的元素應該分多行撰寫浪藻。每個特性一行。

20. 模板中簡單的表達式乾翔。組件模板應該包含簡單的表達式爱葵,復雜的表達式則應該重構為計算屬性或方法。

21. 簡單的計算屬性反浓。 應該把復雜計算屬性分割為盡可能多的簡單的計算屬性萌丈。

22. 帶引號的特性值。非空的HTML 特性值應該始終帶引號(單引號和雙引號勾习,選你JS的不用的那個)

23.? 指令縮寫浓瞪。指令縮寫 (用?:?表示?v-bind:?、用?@?表示?v-on:?和用?#?表示?v-slot:) 應該要么都用要么都不用巧婶。

24. 組件 / 實例的選項的順序。 組件/實例的選項應該有統(tǒng)一的順序涂乌。

25. 元素特性的順序艺栈。 元素 (包括組件) 的特性應該有統(tǒng)一的順序。

26. 組件 / 實例選項中的空行湾盒。你可能想在多個屬性之間增加一個空行湿右,特別是在這些選項一屏放不下,需要滾動才能都看到的時候罚勾。

27. 單文件組件的頂級元素順序毅人。

28. 沒有在v-if / v-else-if / v-else中使用key吭狡。如果一組?v-if?+?v-else?的元素類型相同,最好使用?key?(比如兩個?<div>?元素)丈莺。

29. scoped中的元素選擇器划煮。元素選擇器應該避免在?scoped?中出現(xiàn)。

30. 隱性的父子組件通信缔俄。應該優(yōu)先通過 prop 和事件進行父子組件之間的通信弛秋,而不是?this.$parent?或改變 prop。

31.? 非Flux的全局狀態(tài)管理俐载。應該優(yōu)先通過?Vuex?管理全局狀態(tài)蟹略,而不是通過this.$root或一個全局事件總線。

32. 在VUE中this 可以使用? vm = this遏佣。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末挖炬,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子状婶,更是在濱河造成了極大的恐慌意敛,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,640評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件太抓,死亡現(xiàn)場離奇詭異空闲,居然都是意外死亡,警方通過查閱死者的電腦和手機走敌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,254評論 3 395
  • 文/潘曉璐 我一進店門碴倾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人掉丽,你說我怎么就攤上這事跌榔。” “怎么了捶障?”我有些...
    開封第一講書人閱讀 165,011評論 0 355
  • 文/不壞的土叔 我叫張陵僧须,是天一觀的道長。 經(jīng)常有香客問我项炼,道長担平,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,755評論 1 294
  • 正文 為了忘掉前任锭部,我火速辦了婚禮暂论,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘拌禾。我一直安慰自己取胎,他們只是感情好,可當我...
    茶點故事閱讀 67,774評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著闻蛀,像睡著了一般匪傍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上觉痛,一...
    開封第一講書人閱讀 51,610評論 1 305
  • 那天役衡,我揣著相機與錄音,去河邊找鬼秧饮。 笑死映挂,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的盗尸。 我是一名探鬼主播柑船,決...
    沈念sama閱讀 40,352評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼泼各!你這毒婦竟也來了鞍时?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,257評論 0 276
  • 序言:老撾萬榮一對情侶失蹤扣蜻,失蹤者是張志新(化名)和其女友劉穎逆巍,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體莽使,經(jīng)...
    沈念sama閱讀 45,717評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡锐极,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,894評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了芳肌。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片灵再。...
    茶點故事閱讀 40,021評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖亿笤,靈堂內(nèi)的尸體忽然破棺而出翎迁,到底是詐尸還是另有隱情,我是刑警寧澤净薛,帶...
    沈念sama閱讀 35,735評論 5 346
  • 正文 年R本政府宣布汪榔,位于F島的核電站,受9級特大地震影響肃拜,放射性物質(zhì)發(fā)生泄漏痴腌。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,354評論 3 330
  • 文/蒙蒙 一燃领、第九天 我趴在偏房一處隱蔽的房頂上張望衷掷。 院中可真熱鬧,春花似錦柿菩、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,936評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽懦胞。三九已至,卻和暖如春凉泄,著一層夾襖步出監(jiān)牢的瞬間躏尉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,054評論 1 270
  • 我被黑心中介騙來泰國打工后众, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留胀糜,地道東北人。 一個月前我還...
    沈念sama閱讀 48,224評論 3 371
  • 正文 我出身青樓蒂誉,卻偏偏與公主長得像教藻,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子右锨,可洞房花燭夜當晚...
    茶點故事閱讀 44,974評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 這里是官方的 Vue 特有代碼的風格指南括堤。如果在工程中使用 Vue,為了回避錯誤绍移、小糾結(jié)和反模式悄窃,該指南是份不錯的...
    youins閱讀 5,737評論 0 5
  • title: 風格指南type: style-guide 這里是官方的 Vue 特有代碼的風格指南。如果在工程中使...
    ChenyuMa閱讀 1,069評論 1 1
  • 本文檔摘自Vue官方的編碼規(guī)范蹂窖,結(jié)合實際項目給出如下規(guī)范建議 1轧抗、組件名為多個單詞 組件名應該始終是多個單詞的,根...
    China第一程序員閱讀 4,249評論 0 5
  • 什么是組件瞬测? 組件 (Component) 是 Vue.js 最強大的功能之一横媚。組件可以擴展 HTML 元素,封裝...
    youins閱讀 9,480評論 0 13
  • 主要還是自己看的涣楷,所有內(nèi)容來自官方文檔分唾。 介紹 Vue.js 是什么 Vue (讀音 /vju?/,類似于 vie...
    Leonzai閱讀 3,353評論 0 25