vue的this.$set的作用

Posted 2023-03-31

参考技术A 如果我们在创建实例以后，再在实例上绑定新属性，vue是无法进行双向绑定的。
比如：

sex属于data的一个新属性，而vue的原理是，在创建实例的时候，遍历data里的值，监听'getter'和'setter'方法，一旦这些值更新了，就去触发对应的视图更新。

而sex并不是vue实例化的时候拥有的属性，所以我们新增这个属性，vue并没有对他的setter和getter方法进行监听，因此无法实现双向绑定

此时如果使用 this.$set 的话，vue就会对它进行双向绑定了。

Vue动态增加变量属性

接口返回的模型中没有包含所需的字段，而第一次使用时需要注册一番

 this.$set(this.obj, ‘c‘, ‘000‘); //起作用 

使用时增加个判断

    if(tempObj.IsShowFact == undefined){
          this.$set(tempObj, ‘IsShowFact‘, true); //起作用
    }
    tempObj.IsShowFact = isShow;

参考链接：https://blog.csdn.net/u013558749/article/details/80882033