微信小程序：data参数的取值与赋值

根据微信小程序API可以得知：

Page(Object) 函数用来注册一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

data 是页面第一次渲染使用的初始数据。

页面加载时，data 将会以JSON字符串的形式由逻辑层传至渲染层，因此data中的数据必须是可以转成JSON的类型：字符串，数字，布尔值，对象，数组。

渲染层可以通过 WXML 对数据进行绑定。

下面我们来看一下 data 参数的取值与赋值：

WXML： 通过花括号进行数据绑定

<view>{{text}}</view>

JS部分： 设置 data 的初始值

Page({
  data: {
    text: 'Hello world!',
  },
})

这样就可以显示 text 设置的内容了：

微信小程序：data参数的取值与赋值 小程序 第1张

data的赋值和取值：

给 data 内的变量赋值，可以通过 setData 给他进行设置，取值可以用 this.data.object 的方式获取。

我们在页面加载完成后来一个赋值和取值的操作，代码如下：

onLoad: function (options) {
    let that = this;
    that.setData({
      text: 'Happy Day!',//赋值
    })
    console.log(that.data.text);//取值
},

这样 text 的值就改变，可以在控制台打印出现在的值：

微信小程序：data参数的取值与赋值 小程序 第2张