微信小程序this.setData多种赋值方式

在小程序中动态改变前端数据的最大功臣就是this.setData()，这里简单概述下通过this.setData赋值有哪几种情况：

1、固定属性赋值

wxml:

<view>{
   
   {item.name}}</view>
<view>{
   
   {item.age}}</view>

js

data:{
    item:{
    name: "张三"，
    age：24
    }
}

这时候界面上显示的就是张三 24

 当我们修改姓名的时候有两种方案

//第一种，整体赋值
this.data.item.name="李四"；
this.setData({
    item：item
})

//第二种，单个属性赋值
this.setData({
    'item.name'：'李四'
})

2、动态属性赋值

比如说我现在想给 a0 赋值0  a1赋值1  a2 赋值2 但是不想写三遍，可以用循环 

 for (let i = 0; i < 3; i++) {
      let name= `a${i}`;
      this.setData({
        [name]:i
      })
    }