vue3中ref相关知识总结,ref调试技巧

1、ref:接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property,指向该内部值。

2、isRef:判断是不是一个ref对象

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

4、triggerRef :强制更新页面DOM;

5、customRef: 自定义ref

ref调试:

正常情况ref打印结果如下,调试时很是不方便;

vue3中ref相关知识总结,ref调试技巧_第1张图片

 第一步:

vue3中ref相关知识总结,ref调试技巧_第2张图片

第二步:

 vue3中ref相关知识总结,ref调试技巧_第3张图片

最后看一下打印效果:

 vue3中ref相关知识总结,ref调试技巧_第4张图片

 

你可能感兴趣的:(vue,vue.js)