前端vue規範自用

2021-10-05 14:32:57 字數 740 閱讀 7646

1.元件名name:倆個單詞開頭大寫

2.元件檔名:命名my-component.vue

3:基礎元件,很多地方需要用到:base-button.vue / base-icon.vue

4:和父元件緊密耦合的子元件應該以父元件名作為字首命名:todo-list.vue todo-list-item-buttom

5:prop:駝峰命名。加注釋表名含義、必須加default或者require其中之

一、如果有業務需求,必須加上validator驗證

6、為元件樣式設定作用域scoped

7、html特性較多,建議換行

8、指令能用縮寫盡量都使用縮寫@:、、、

9、v-for頻繁切換時使用、v-if不頻繁

10、順序:props>data>component>watch>filter>鉤子函式》methods

11、vue router規範:一:頁面間傳參使用路由引數query

二:使用路由懶載入(延遲載入)機制

三:router命名規範:小寫橫桿/todo-list

12、專案目錄規範:

src>api+assets>[images+styles+icons]+components+filters+datas+mock+plugins(外掛程式)+router+store+

views+[role>role-list.vue+role-add.vue+role-update.vue+index.less+components]

h5,css前端規範(自用)

1 新的html頁面,在head部分載入該載入的css,如normalize.css,要用的swiper.css layui.css等,按照固定的pc端和移動端規 範來設定html相關屬性。在移動端編寫頁面時,使用layui自帶的類的樣式 如文字框,label,核取方塊等 時,請用來寫,不要在外面用...

前端vue開發規範

1.建議使用vscode 可根據個人開發習慣進行選擇 2.vscode 使用外掛程式建議 3.使用統一縮排,以tab縮排,乙個tab大小為2個空格 1.變數名,檔名,元件名,檔名等遵循駝峰命名規則 多單詞拼接首字母小寫,如 userinfo productinfo 同時遵循語義化規則,能直觀明白意圖...

vue前端開發規範

建議使用統一開發工具vscode 使用統一縮排,以tab縮排 注釋規範主要是作者規範和函式規範。作者規範 author date 2020 06 01 11 58 32 lasteditors 函式規範 description author date 2020 06 08 10 57 39 para...