第一章 组件的整体介绍
事件，指“鼠标点击”、“输入值改变”等。通过事件可以触发前端的交互行为。
每个组件从上图右侧的面板内看到所具备的属性、样式以及事件；再具体到每个属性的用法、事件的用法，可以深入到每个组件相关的配置内去看。
在事件面板上会显示页面上所有具有方法的组件，比如数据表格有刷新表格或删除、输入框有设置值这些方法，具体可以到每个组件内去看。
组件属性是指组件开放出来的一些配置项的数据，能直接通过 $w.组件ID.属性名 的形式去获取其属性的值，如获取页面上一个输入框的值，就通过$w.input1.value去获取。具体每个组件有哪些属性，可以在表达式面板，会列举出页面上已有的组件以及组件底下的属性。
第二章 微搭常用组件
第三章 配置组件样式和布局
所有的微搭的布局用的都是流式布局，即定位是由副元素决定的，也是CSS里面比较经典的一个设计思路。
Style和className绑定，本质上是通过绑定一个变量，然后挂到className上面，再进行动态判断。
样式API针对一些复合元素进行控制（控制一些大的组件内部的样式），通过选择器对这些内部元素进行控制。样式API是开放出来的、一些封装起来的组件内部的样式。
第四章 组件绑定数据
第五章 Quick Start：商品管理/创建商品/更新商品/概览页仪表盘
通过商品的增、删、改、查页演示组件的具体使用。整个商品管理系统分为概览页、创建、详情和列表几个页面。
演示了统计卡片和通用图表如何去完成一个数据查询：通过query去数据查询，并通过query的回调去进行一些数据的处理，包括对数据处理后赋值一个变量，最后把赋值之后的变量转成图表需要的数据格式。
- End -
网友评论