查看“小程序：数据绑定与setData函数”的源代码

==数据绑定==
post.js

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

post.wxml:

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

[[文件:wexin21050301.png]]

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

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

post.js:

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

post.wxml:

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

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

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

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

总结：

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