简单谈一谈ref全家桶

158 阅读1分钟

众嗦舟汁,vue3有两种常用的定义响应式变量的方式,一种是ref,一种是reactive,通常情况下我们都会用这两种方式去定义我们需要的变量。
但是说起ref全家桶、reactive全家桶,可能很多人就会感到陌生了。
例如isRef,可以判断传入值是不是一个ref对象,平时用的不多,但是源码中用的很多。还有shallowRef,可以创建一个追踪自身.value变化的ref,但是其属性是非响应式的,修改之后并不会引起页面中值的变化,但是直接修改整个value,他会响应式更新。
还有triggerRef,在传入一个ref对象后会使页面强制更新,也可以改变值。
最后还有一个customRef,顾名思义,就是一个自定义ref,她是一个工厂函数,要求我们返回一个对象,并且实现get方法和set方法,非常适合去做防抖。

(转自勋章树APP-DX)

eb76740c16f0a48e1b069547e61d9d01.jpg

95e3af531ff37dea65cc0d7fdf1dba72.jpg