## 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取值结构即可。