1. 用 Object.assign
对象改变:oldObj = Object.assign({},newObj);
原理:对象是引用类型,直接改变oldObj的某属性指向地址没变,vue不一定能监控到,所以当我们新建一个对象并赋值给oldObj字段的话,直接改变了它的指向地址。
2. 用vue.set
对象和数组都能用。
this.$set(this,'oldObj',newObj);
this.$set(this,'oldArray',newArray);
例如要改变data中 some: { name: { a: 1, b: 3 } }
里面b的值,可以这样
this.$set(this.some.name,‘b’,2)
Vue不允许在已经创建的实例上动态添加新的根级响应式属性,然而它可以使用vue.set方法将相应属性添加到嵌套的对象上。
3. 使用update
this.$forceUpdate(),强制视图更新。
this.$forceUpdate()