##整体赋值 和 额外补充属性的区别 以及 this.$set(对象,新属性,属性值) 的用法

##整体赋值 和 额外补充属性的区别 以及 this.$set(对象,新属性,属性值) 的用法

 data () {
    return {
      from: {
        companyId :1,
         name:小花
     }
    }
  },

mehtods :{
 btnFN(){
 //整体赋值,这里的数据会有响应式效果 : 数据的变化回影响试图: 试图的变化会更新数据 比如
    this. form ={name:'小王' ,companyId :2 }
  }
}
//整体赋值,这里的数据会有响应式效果 : 数据的变化回影响试图: 试图的变化会更新数据 比如
   this. form ={name:'小王'}
//但是 下面这个额外补充的属性,不具备响应式效果
   this.from.companyId =2

//解决方法1 可以用 格式: this.$set(对象,新属性,属性值)  
// z作用: 给对象添加一个具有响应式特性的属性
this.$set(this.form , 'companyId ',2)
//解决方法2  全都一个一个赋值  不是太推荐
this.form.name='小王'
this.form.companyId ='2'
// 解决方法3  纳入一个对象在赋值
this.form = {
   name:'小王' ,
   companyId :2
}