## data.js使用json來描述頁面元數據 #### 1、meta結構簡述 1、默認從name為root開始，通常是header、content、footer的結構 如圖實例：name為名稱標識符，component為其引用組件名稱(根據組件來定義dom展示元素)，className為元素的class名兒(根據它在less.js文件進行樣式優化)，children字面意思理解為子集元素。 ###### 注：root的className盡量與app名稱保持一直或自行定義規則，便于區分。因為項目在webpack進行打包的時候會將所有的less文件打包到一起，啟動項目時一次加載提升性能；如果app名稱混淆會給后續優化頁面展示以及代碼維護產生大量的額外工作量。 2、關于function、大致有兩種寫法如下圖： 第一種根據$符來定義方法(推薦)邏輯在action.js中編寫； 第二種直接根據參數來用sf方法更新data(不推薦，IE兼容性不好(箭頭函數它不認識)，如果項目將來支持IE瀏覽器只能返工改寫成第一種形式)； 3、關于組件的選取以及組件的屬性用法建議到ant.design官網自行查詢，選中左側組件可以查看演示效果，拉到最底部有屬性API供讀者查詢 鏈接：[https://ant.design/docs/react/introduce-cn](https://links.jianshu.com/go?to=https%3A%2F%2Fant.design%2Fdocs%2Freact%2Fintroduce-cn) #### 2、data結構簡述 data結構層級對應meta取值結構即可。