wex5 数据绑定组件简单介绍

wex5 数据绑定组件简单介绍

了解一下wex5组件 一个页面分为数据和展现两个部分，组件也对应分为数据组件和展现组件。
使用数据组件存储页面中的数据；使用展现组件将页面展现出来。数据组件和展 现组件使用双向数据绑定（Two-Way Data Binding）。
数据源或绑定目标对象的属 性的值发生改变时会互相通知，也就是界面的操作能实时反映到数据,数据的变更能实时展现到界面。

两种数据组件：
data 组件 笔者认为是自己创建几个固定的数据。
baasData 用来绑定数据库的。需要将数据库进行绑定如果想要对某个数据库表进行操作， 先将创建baasData 然后将其 bind-ref 绑定该数据表。

#1 data组件的使用
以select组件为例

首先创建一个data组件
右击data1 点击新增 输入名称和显示名称 并且勾上是否为id列
（这里是为了创建一个data，相当于数据库中的某一列）

再右击data1 选择编辑数据 新增两条数据 “收入 支出” 完成

这样 data部分就创建好了 接下来创建select组件 并且将数据绑定到select上

选择select组件创建好 点击组件 属性 红色圈 然后选择type （就是刚才创建data的列）

还没有完成，
指定bind-options 属性指定data1
然后指定 bind-optionsValue 用来指定type列

#2 baasData组件的使用

select 组件表示下拉组件，
1. 让其中的bind - ref 绑定 已经创建好的baasData 的某一个列。（修改操作此数据库）
2.指定bind-options 用来 指定到哪个数据data来显示select组件
3.指定 bind-optionsValue 用来指定显示bind-options 指定的这个data里边的哪一列值显示到select上

这样完成了select 选择data值 去改变到 bassData 所绑定的某一列。