wex5 数据绑定组件简单介绍 _wex5

wex5 数据绑定组件简单介绍
了解一下wex5组件一个页面分为数据和展现两个部分，组件也对应分为数据组件和展现组件。
使用数据组件存储页面中的数据；使用展现组件将页面展现出来。数据组件和展现组件使用双向数据绑定（Two-Way Data ）。
数据源或绑定目标对象的属性的值发生改变时会互相通知，也就是界面的操作能实时反映到数据,数据的变更能实时展现到界面。
两种数据组件：
data 组件笔者认为是自己创建几个固定的数据。
用来绑定数据库的。需要将数据库进行绑定如果想要对某个数据库表进行操作，先将创建然后将其 bind-ref 绑定该数据表。

文章插图
#1 data组件的使用

文章插图
以组件为例
首先创建一个data组件
右击data1 点击新增输入名称和显示名称并且勾上是否为id列
（这里是为了创建一个data ，相当于数据库中的某一列）
再右击data1 选择编辑数据新增两条数据 “收入支出” 完成
这样 data部分就创建好了接下来创建组件并且将数据绑定到上
选择组件创建好点击组件属性红色圈然后选择type （就是刚才创建data的列）
还没有完成，
指定bind- 属性指定data1
然后指定 bind- 用来指定type列
#2 组件的使用
组件表示下拉组件，
1. 让其中的bind - ref 绑定已经创建好的的某一个列。（修改操作此数据库）
2.指定bind- 用来指定到哪个数据data来显示组件
3.指定 bind- 用来指定显示bind- 指定的这个data里边的哪一列值显示到上
这样完成了选择data值去改变到所绑定的某一列。
【wex5 数据绑定组件简单介绍】

文章插图