vue $set 踩坑 v-for 数据改变视图不变

set 修改引用类型失败

...请求了一堆数据，或者父组件传入了数据  this.inList接收

//向这个数据里面添加了一个数据    这个写法是错的
this.inList.map(item=>{
  item["outs"] = false
})
  
上面的写法你去改变数据确实可以改变但是 数据不会更新
在节点上面绑定事件
然后
//传入数据下标改变失败
click(index){
  this.inList[index].outs = !this.inList[index].outs
即使羡慕这样    这样数据改变视图不变
  this.$set(this.inList[index],"outs", !this.inList[index].outs)
}


修改方法
this.inList.map(item=>{
   改成这样添加
   this.$set(item,"outs", false)   
})
click(index){
  这样修改
  this.$set(this.inList[index],"outs", !this.inList[index].outs)
}