$set和Object.assign

这个问题可能是很多新手会遇到的问题：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去。

其实最主要的原因还是因为对vue文档不熟悉：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。

当我们为对象修改一个或者添加一个属性时：
普通的修改虽然能改变该对象上的属性，但视图层却没有更新。
由于受JavaScript的限制，vue.js不能监听对象属性的添加和删除，因为在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在data中，视图层才会响应该数据的变化。

所以可以使用

给data里面赋值不能和Input双向绑定的问题
因为不会刷新视图
查了一下，用了这个方法

  this.$set(this.xinxi, 'areaName', areaName)
          this.$set(this.xinxi, 'areaCode', areaCode)
          this.$set(this.xinxi, 'projectId', projectId)

然后还是不行

 this.$set(this.xinxi, 'areaName', areaName)
          this.$set(this.xinxi, 'areaCode', areaCode)
          this.$set(this.xinxi, 'projectId', projectId)
          let str1=Object.assign({}, this.xinxi)
          this.xinxi=str1

成功啦

————————————————
版权声明：本文为CSDN博主「dchhey」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_39950595/article/details/103706794