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 方法的)

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值