微信小程序数据处理 的核心就是js文件 Page 的 data。他是WXML 和js交互的重要桥梁,WXML 页面需要展示的数据都需要被定义在data中,否则就无法在页面进行展示。data中的数据是通过网络请求或者一些逻辑处理进行设置以及初始化的。
data数据的设置有两种方式,例如我们data中的有一个name并且初始化为空
data:{
name:'我是初始化的name'
}复制代码
当有多个数据时用逗号英文逗号‘,’进行分开,那么如果我们想更改数据就可以
//方式1
this.data.name='我现在name值是Code4Android'
//方式2
this.setData({
name:'我现在name值是Code4Android'
})复制代码
不过用哪 一种方式,经过处理后,name的值都会变为“我现在name值是Code4Android”,我们可以通过this.data.name来取出name的值。也许你会有疑问,这两种方式有什么区别吗?
那我们现在WXML中创建一个view用来显示name的值
{ {name}}复制代码
当我们需要将data中的数据显示在页面上时。需要用大括号来获取data中的值并将其显示,通过上面的两种方式,发现方式1设置后,页面上的数据并没有发生改变,依然是初始化的值,当使用第二种方式时数据发生改变,这时候你应该就明白两者区别了。
当数据是一个对象时,如
data:{
people:{