項目命名規(guī)則
- 文件夾 采用烤串形式
- 文件名 采用烤串形式
- 常量名稱 采用小駝峰形式
- 變量名稱 采用小駝峰形式
- 樣式類名 采用烤串形式
vue 注意事項
- 組件文件名 采用烤串形式
- 組件名稱 采用大駝峰
- 引入組件的變量名稱采用大駝峰
- 注冊組件 采用大駝峰命名
- 組件模板(單文件)姐直、字符串模板中（實例選項template），采用大駝峰且自閉合,具有插槽作用域的組件則寫閉合標簽
- 由vue編譯器編譯對模板中瘦锹，對自定義標簽的編譯時碗誉，與注冊標簽的名稱匹配過程是有一個轉義過程的
轉義規(guī)則
- case-name 寫法會轉義為三種形式 case-name caseName CaseName 這三種注冊方式都能夠被匹配到
- caseName 寫法會轉義為兩種形式 caseName CaseName 這兩種注冊方式都能被匹配到
- CaseName 寫法不會轉義 注冊時必須命名為 CaseName,
- html模板中組件名稱采用烤串形式坛缕，且需要寫閉合標簽, 由于html對與大小寫不敏感，所以caseName、CaseName 兩種寫法都會被解析為 casename, 在vue編譯器對自定義標簽進行解析時居暖，casename 不會被轉義，從而匹配不到 case-name caseName CaseName 這三種注冊方式任意一種, 所以在html模板中 必須以 case-name 聲明自定義標簽藤肢，這種格式的標簽會被vue編譯器進行轉義,能夠匹配 case-name caseName CaseName 三種注冊方式中任意一種
html模板使用場景
vue掛載在指定（el）上時太闺，若（el）內(nèi)部存在DOM模板則會將其視為vue模板進行渲染
- prop傳遞屬性需要定義類型、設置默認值嘁圈、是否必傳省骂、驗證函數(shù)
- 樣式文件添加作用域scoped
- 樣式穿透使用::v-deep
vue模板插值
<%= VALUE %> 用來做不轉義插值蟀淮；
<%- VALUE %> 用來做 HTML 轉義插值；
<% expression %> 用來描述 JavaScript 流程控制钞澳。
an example
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
vue添加工具函數(shù)
- 以模塊的形式怠惶，每個組件內(nèi)使用時單獨引入（使用麻煩）
- 使用全局的mixin混入，相當于每個實例上都定義一次該方法轧粟，（代碼分散策治、不利于維護）
- 全局provid注入，使用inject引入兰吟，在引入時存在一個遞歸向上的查找過程览妖、類似于原型鏈
- Vue構造函數(shù)原型中注冊（$、_揽祥、）兩種屬性名起始key以被vue內(nèi)置使用讽膏，注意使用其他關鍵字（推薦使用）
