小程序~~2（wxml语法+生命周期+API）-CSDN博客

可以直接通过this.setData({})来修改数据；
当修改的变量较多，书写地址不方便，可以使用ES6提供的展开运算符，const userinfo={...this.data.userinfo}，其中的...this.data.userinfo是在调用原先的数据，在下面的修改中就可以不用再写userinfo，修改之后再使用this.setData({})将新的值赋值给userinfo（当键和值一样时可以简写，只写一个）
使用Object.assign()将多个对象合并为一个对象，const userinfo = Object.assign(this.data.userinfo,{name:'Jerry'},{age:12})，修改之后使用this.setData({})将新的值赋值给userinfo

修改和赋值的时候都将key写成数据路径的形式，如userinfo.name（a.b.c）

在删除数据时，有两种方法

删除单个属性，直接delete this.data.数据地址名（就像是userinfo.name，是a.b.c的形式），之后调用this.setData({})方法将this.data.userinfo重新赋值给userinfo
删除多个属性，使用rest剩余参数，const {age,test,...rest} = this.data.userinfo，此处将要删除的变量名写在...rest的前面，删除后将rest赋值给userinfo

setData修改数组类型数据

增加数据有三种方法

使用push()，将新的数据推到原数组中，再通过this.setData({})方法赋值
使用中间变量，用concat()函数来连接字符串，const newList = this.data.list.concat()
使用中间变量，用数组来存储数据，const newList = [...this.data.list,4]，在调用过原来的数据之后，将新的数据放在数组后面

修改数据

在list数组中只存放的是数据时，可直接通过索引值来修改数据；

如果list数组中使用了{{}}来存放数据，现在.wxml文件中更改要展示的数据，之后再在this.setData({})函数中修改即可，注意键名

删除数据

删除数组中的数据有两种方法

使用splice()函数，splice(1,1)表示删除索引为1开始的1个元素

使用filter()函数，可进行判断，filter(item => item !== 2) 将索引值不等于2的数据筛选出来

splice()函数

filter()函数

简易双向数据绑定

在.wxml文件中，普通属性的绑定是单向的，即在页面上修改数据不会影响到调试器中显示出来的数据，但是在调试器中修改数据可以在页面上显示

为了实现双向数据绑定，可以在对应属性前面加上model前缀

注意：绑定的属性值只能是一个单一字段的绑定，不能掺杂汉字；另外，不能写data路径，也就是不支持数组和对象

列表渲染

列表渲染，即通过循环遍历一个数组或者对象，将其中的每个元素渲染到页面上

通过wx:for属性绑定一个数组或对象，既可以使用每一项数据重复渲染当前组件；如果渲染的是数组，item指的是数组中的每一项，index指的是下标（索引）；如果渲染的是对象，item指的是对象属性的值，index指的是对象属性

在使用wx:for属性时，建议加上wx:key属性，它的值以两种形式提供；字符串（每一项固定的某个属性），代表需要遍历数组中item的某个属性，该属性的值需要是数组中唯一的字符串或者数字，且不能动态改变；*this关键字，代表在for循环中的item本身，当item本身是一个唯一的字符串或数字时使用