vue 自动添加 get/set 方法 的时机

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 方法的)
vue 自动添加 get/set 方法 的时机_第1张图片

根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。
https://www.jianshu.com/p/71b1807b1815

form 对象 是有get set 方法
给form 替换另一个对象temp 会为 temp对象中的属性添加getset方法

但之后再为temp添加属性prop2 是不会添加getset方法的。

你可能感兴趣的:(前端,vue)