Vue3中ref和reactive如何深入解析其响应式原理？

本文共计1555个文字，预计阅读时间需要7分钟。

目录

1.ref 判断是否是一个 ref 对象

2.shallowRef 创建一个跟踪自身.value 变化的 ref，但不会使其值也变成响应式的

3.triggerRef 触发 ref 的更新

4.customRef 自定义 ref

5.reactive 用来绑定复杂的复杂数据类型

目录

• 1 ref
• 2 isref判断是不是一个ref对象
• 3 shallowref创建一个跟踪自身.value变化的 ref，但不会使其值也变成响应式的
• 4 triggerRef
• 5 customRef
• 6 reactive用来绑定复杂的数据类型
• 7 readonly
• 8 shallowReactive
• 9toRef
• 10toRefs
• 11toRaw

Vue3系列4--ref和reactive响应式

本节主要介绍了响应式变量和对象，以及变量和对象在响应式和非响应式之间的转换。

1 ref

接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个.valueproperty，指向该内部值。