小程序：数据绑定与setData函数

数据绑定

post.js

 data: {
      a:"2020LPL夏季赛季后赛观赛指南"
  },

post.wxml:

<text class="post-title">{{a}}</text>

DOM优先与数据优先

• DOM优先：用DOM树寻找某个节点
• 数据优先：数据绑定，任意引用JS里的变量

Page.data与setData

可以用this.setData 来设定变量的值，比直接在data中设置更灵活

post.js:

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
        this.setData({
          b:"2021",
          c:"2022"
        })
  },

post.wxml:

 <text class="post-title">{{b}}</text>

实际上，this.setData会自动的把数据添到Page.data中

可以用下面的代码来进行验证：

 /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
      console.log(this.data)
  },

总结：

可以把Page.data理解为设置初始值，把setData理解为更新。