打印一下用ref包裹的对象
在这里插入图片描述

在这里插入图片描述

打印出来发现,变成proxy对象,且不需要通过.value的形式获取响应式数据的值了。此时改成这么写:

在这里插入图片描述
页面数据更新了

在这里插入图片描述

分析:
refimpl和proxy的区别:

如果对象也是用refimpl包裹对象,则会出现这种情况:
在这里插入图片描述
导致需要job.value.age.value才能获取到值,但实际不是,说明不是refimpl对象。说明也没用到get、set,因为refimpl就是对get、set的封装。

实际上在vue3里面处理引用数据类型变成响应式用的是proxy代理,也就是说表面上ref可以包裹引用数据类型,实际上vue3调用的是reactive

在这里插入图片描述

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐