## 代碼書寫規范 命名： 1.組件名以hy開頭，單詞以-隔開，首個class可以與組件名同名,如開發以下組件   2. 變量，函數用駝峰命名法 3. css命名用 ‘-’命名法，且每個組件必須加scoped, <style scoped></style> 注釋：組件內顯眼位置須有組件中文名，功能介紹，參數等注釋，讓使用者一目了然。 每個變量，函數或方法，狀態等都要書寫詳細注釋 對代碼邏輯較為復雜的地方也應該書寫注釋 md文件：組件說明，作者，組件功能，說明文檔 css：采用彈性布局flex，不用float布局 單位：都統一用px，值-設計圖是多少便寫多少 預處理器：scss，在style標簽中加入lang='scss' ***** ## 公共組件 每個頁面都應用由單個或多個公共組件組成，數據驅動型組件應用與外界無關，僅通過porps接收，$emit發送數據。 組件內不調用接口，不接收，變更全局變量，狀態管理，以解耦頁面之前的關系 組件內部變量，方法，函數自產自消 公共組件可引用公共組件或公共工具類 公共組件應盡量預留slot 項目主要使用vant(H5端), element-ui(PC端)組件庫，絕大多情況下應使用并將這兩個組件庫的組件封裝成自己的組件 ***** ## 業務組件 業務組件主要是做頁面布局，調用公共組件，調用接口，管理狀態等，具體實現放至公共組件中實現。 業務組件需要將接口調用單獨提取到INTERFACE.js文件中，INTERFACE.js文件獲取并處理數據再返回到頁面中 ***** ## 寫狀態 步驟： - 在store/modules目錄下創建對應頁面的狀態文件 - 狀態在store/getters.js中注冊，可通過this.$store.getters.狀態名 形式取狀態 - 如果狀態不在getters.js中注冊，可通過this.$store.目錄.狀態名 形式取狀態 ***** ## 調用接口 調用后臺接口步驟： - 在/api/api-map/list下對應分包下創建對應頁面的接口文件或目錄 - 在創建的接口文件中寫下接口地址，以key: value形式書寫，可參考之前寫的 - 在相應頁面的目錄下創建INTERFACE.js，用于調用和處理接口數據 - 在頁面引用INTERFACE.js,調用接口