微信小程序wxml语法 – 数据绑定

初始化数据

1. 页面.js 的 data 选项中

   Page({
   
   /**
    * 页面的初始数据
    */
   data: {
       msg:"初始化数据"
   },
   })

使用数据

1. 模板结构中使用双大括号 {{meg}}

   <text class="userName">{{msg}}</text>

2. 注意事项: 小程序中为单项数据流 model ---> view

修改数据

1. this.setData({message: ‘修改之后的数据’}, callback)

2. 特点：
   a) 同步修改： this.data 值被同步修改
   b) 异步更新： 异步将 setData 函数用于将数据从逻辑层发送到视图层（异步）

   Page({
   
   /**
    * 页面的初始数据
    */
   data: {
       msg:"初始化数据"
   },
   
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
       console.log("onload");
       // 修改msg  this.setData()
       // console.log(this);
       this.setData({
           msg:'修改之后的数据'
       })
       setTimeout(()=>{
           this.setData({
               msg:'修改后的数据2'
           })
       },3000)
   },
   })