data() {
return {
form: {
prop1: '',
prop2: []
}
}
}
methods: {
getCache() {
// 从缓存中获取一个 只有prop1 属性的对象
//temp: {
// prop1: ''
//}
const temp = JSON.parse(window.localStorage.getItem(id));
// 此时会为temp对象添加get/set 方法
this.form = temp;
// 此时不会添加get/set方法
this.form.prop2 = [];
}
}
如图中的prop2
就失去了get/set 方法
( 在我的工程里是另一个参数名optionParam
,其他属性是还有get/set 方法的)
根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。
https://www.jianshu.com/p/71b1807b1815
form 对象 是有get set 方法
给form 替换另一个对象temp 会为 temp对象中的属性添加getset方法
但之后再为temp添加属性prop2 是不会添加getset方法的。