ref全家桶

1、ref:接受一个内部值并返回一个响应式且可变的ref对象 .value property

注意:被ref包装之后需要 .value 来进行赋值 ,深层次的响应

案例:

 

 

 2、isRef:判断是否为ref对象

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

Tips:修改其属性值是非响应式的是不会改变的,浅层次的响应

ref 和 shallowRef是不能一块写的,不然会影响shallowRef造成视图的更新

原因是ref底层调用了triggerRef,强制更新

4、triggerRef:强制更新页面DOM

5、customRef:自定义ref

Tips:customRef是一个工厂函数要求我们返回一个对象,并且实现get和set 适合去做防抖之类的

案例:

 

posted @ 2023-01-03 16:51  sixpence1016  阅读(27)  评论(0)    收藏  举报