微信小程序——数据绑定

在微信小程序中，可以通过以下代码实现数据绑定：

1. 在WXML中，使用双大括号{{}}绑定数据，将数据渲染到对应的视图中。

<view>{{message}}view>
1

2. 在JS中，定义一个数据对象，并将其绑定到页面的data属性上。

Page({
  data: {
    message: 'Hello, World!'
  }
})
1
2
3
4
5

3. 当数据对象发生变化时，小程序会自动更新相关的视图。

Page({
  data: {
    message: 'Hello, World!'
  },
  changeMessage: function() {
    this.setData({
      message: 'Data binding in action!'
    })
  }
})
1
2
3
4
5
6
7
8
9
10

4. 可以通过setData方法在JS中更新数据对象的值，并触发视图的更新。

Page({
  data: {
    message: 'Hello, World!'
  },
  changeMessage: function() {
    this.setData({
      message: 'Data binding in action!'
    })
  }
})
1
2
3
4
5
6
7
8
9
10

通过以上代码，可以实现数据的双向绑定，使得数据的变化能够实时反映在视图上。