5.数据绑定

目录

1  作为内容渲染

2  作为属性渲染

3  作为类使用

4  双向绑定

---

1  作为内容渲染

数据写在页面js文件的data中，我们现在在这里定义一条名为username的数据

之后我们在 test.wxml 上用两个大括号就可以使用数据了

2  作为属性渲染

我们也可以将数据绑定在属性上

也可以用三元表达式，基本上插值表达式的方法都可以用

在AppData中可以看到当前页面的数据情况

如果你看不到的话需要重新编译一下

3  作为类使用

一个类

多个类，如果这样写就是死的

你可以通过三元表达式使用到变量，比如我判断color是否为red，如果为red就添加color1的类名，如果不为red就什么都不做

4  双向绑定

我们现在有一个输入框

输入一些内容后按叉会清空全部的内容

这个功能需要在js中放一个变量，然后通过两个函数操作这个变量

然后搞两个事件绑定上面两个函数

最后需要给input双向绑定

如果你只用value就是单向绑定，用model:value就是双向绑定