微信小程序开发系列（二十二）·wxml语法·双向数据绑定model：的用法

目录

1.  单向数据绑定

2.  双向数据绑定

3.  代码

---

        在 WXML 中，普通属性的绑定是单向的，例如：<input value="((value))"/>

        如果希望用户输入数据的同时改变 data 中的数据，可以借助简易双向绑定机制。在对应属性之前添加 model：

        前缀即可：例如 <input model:value="{ {value))" />

注意事项：简易双向绑定的属性值如下限制：
1、只能是一个单一字段的绑定,例如:错误用法: <input model:value="值为{ {value))"/>
2、尚不能写 data 路径，也就是不支持数组和对象，例如：

        错误用法： <input model:value="{ { a.b }]"/>

        找到cart.js文件，将Page（{ }）内的内容删除，创建一个数据对象，输入：

  data:{
    value: 123
  }

1.  单向数据绑定

        找到cart.wxml文件，将数据对象中的 value 属性的值动态地显示在输入框中。当数据对象中的 value 发生变化时，输入框中显示的内容也会相应地更新。

<input type="text" value="{
  { value }}" />

        在框内输入数据，会发现页面数据也会相应发生改变：

        不过当我们在页面输入内容&#x