Vue3 - 响应式工具函数（使用教程）

前言

您需要对 ref()、reactive() 有所了解，否则要先学习这些。

Vue3 为响应式提供了一些工具函数，辅助开发：

API	说明
isRef()	检查某个值是否为 ref。
isProxy()	检查一个对象是否是由 reactive()、readonly()、shallowReactive() 或 shallowReadonly() 创建的代理。
isReactive()	检查一个对象是否是由 reactive() 或 shallowReactive() 创建的代理。
isReadonly()	检查一个对象是否是由 readonly() 或 shallowReadonly() 创建的代理。

可以看到全是用来检查的。

示例代码

通过 reactive() 创建的对象或数组响应式变量，其原理是一个 Proxy 代理对象，好，这也就意味着啥呢，我们同样可以通过 new Proxy 手动创建一个没有响应式的对象变量，大家注意重点来了。