Vue代碼風(fēng)格及規(guī)范

一、命名規(guī)則（推薦）

　　1.根目錄名單詞用中劃線分割

　　 2.目錄命名：單詞采用中劃線方式分割

　　3.文件命名：采用小駝峰式命名法

　　4.組件/頁面命名：采用大駝峰式命名法

二、單文件屬性命名順序：

　　export default{

　　　　name: 'xxx',

　　　　components: { },

　　　　mixins: [ ],

　　　　props: {},

　　　　data(){ return{} },

　　　　provide() { },

　　　　inject: [ ],

　　　　watch: { },

　　　　computed: { },

　　　　activated(): { },

　　　　deactivated(): { },

　　　　beforeCreate() { },

　　　　created() { },

　　　　.

　　　　.

　　　　.

　　}

三、自定義事件

　　1. 自定義事件用 @on-事件名 的方式，處理函數(shù)用handle+動詞

四、常量

　　1.全大寫，單詞間用下劃線分割

 五、引號混用

　　1.html模板中屬性用雙引號

　　2.js中聲明的字符串用單引號

六、propos聲明詳細(xì)

　　1.定義類型和默認(rèn)值

 七、computed一定要有默認(rèn)返回值

　　1.所有分支也需要有返回值

八、v-for 要設(shè)置唯一標(biāo)識key（最好是id，盡量不要使用index作為key）

九、標(biāo)簽里的屬性多行寫

十、模板里的表達(dá)式盡量簡單

十一、組件名為多個單詞，可以預(yù)防與html語義化標(biāo)簽沖突

十二、樣式防止污染需要加 scoped，樣式名盡量語義化