数据绑定

数据绑定功能用于给页面中的节点内容设置数据变量和数据来源，主要完成如下功能：

• 为节点绑定动态数据字段；
• 只支持绑定 Text 和 Image 字段；
• 支持多级字段绑定，即通过点( . )来连接多级字段名称，例如绑定字段为 client.name。

绑定简单属性

默认情况下，用户设计稿生成的页面都不存在绑定字段，此时页面的数据字段是一个空对象， 打开数据绑定面板，也可以看到所有的字段都未设置绑定名称。

当我们在数据绑定面板输入简单的属性名称（不采用.进行分隔），点击保存后，此时 IDE 会自动计算我们输入的属性名称和对应的值，并将对应的属性和 value 放到 data 对象的第一级中，效果如下图所示：

绑定多级属性

如果我们需要将节点绑定到 data 对象内部嵌套对象的属性中，此时只需要输入按点（ . ）分隔的属性名称即可，如下图所示：