vue3中的响应式替代vue2中的defineproperty,通过采用Proxy代理将对象封装,封装后的proxy对象呈现方式为:
其中target为我们真正要使用到的对象。想要获取其中的属性及值可以通过以下两种方法。
1、采用toRaw()
toRaw()为vue3中为响应式对象设计的api,它可以将响应式的对象还原为普通的对象(Object),防止意外的情况触发响应式。
用toRaw还原为普通对象后就可以正常获取数据了。
2、通过序列化及反序列化
同样的,最后转化成为普通的对象。