微搭低代码入门教程-数据绑定

Posted 低代码布道师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微搭低代码入门教程-数据绑定相关的知识,希望对你有一定的参考价值。

目录
01 总体介绍
02 应用介绍
03 页面介绍
04 hello,world
05 变量定义
我们上一节介绍了低代码中如何创建变量的知识点,本节我们介绍一下数据绑定。

啥是数据绑定呢?这个要从前端的一个新的模式MVVM来谈起,我们先看一个图

一边是视图层(view),一遍是模型层(Model),中间的viewmodel就将两个层进行了打通,当视图上的数据发生改变时,模型层会相应得到更新。当模型层发生改变时,视图层也会相应的更新。

我们回到低代码上来,view代表低码中的页面,model代表低码中的变量管理,而数据绑定可以视作双方建立了联系,这样两边不管哪一边数据发生改变的时候都可以响应变化。

结合我们上一节定义的变量,我们在页面中添加一个文本组件

然后在组件上点击超链接的图标,也可以切换到数据页签进行数据绑定

在弹出的页面选择创建的状态变量即可

我们可以看到文本组件上的文本内容已经替换为变量,预览区也显示了变量的默认值

以上是关于微搭低代码入门教程-数据绑定的主要内容,如果未能解决你的问题,请参考以下文章

微搭低代码入门教程-数据源介绍

微搭低代码入门教程-低码编辑器介绍

微搭低代码基础开发教程-编辑器介绍

微搭低代码入门教程03

微搭低代码入门教程04

微搭低代码从入门到精通11-数据模型