小程序31-wxml语法-setData() 修改数据

小程序中修改数据不推荐通过赋值的方式进行修改，通过赋值的方式修改数据无法改变页面的数据
而是要通过调用 setData() 方法进行修改，setData() 方法接收对象作为参数，key是需要修改的数据，value 是最新的值

setData()方法有两个作用:

1. 更新数据
2. 驱动视图更新

复制代码尝试：

<view>{{ num }}</view>
<button bindtap="updatanum">更新NUM</button>

Page({

  data: {
    num: 1
  },
  // 更新num
  updatanum() {
    // 获取数据
    // console.log(this.data.num)

    // 通过赋值的方式直接修改数据
    // 能够修改数据，但是不能直接改变页面上的数据
    this.data.num += 1
    console.log(this.data.num)

    // this.setData两个作用
    // 1.更新数据
    // 2.驱动视图（页面）更新
    this.setData({
      // key: 是需要更新的数据
      // value: 时最新的值
      num: this.data.num + 1
    })
  }

})