vue3 customRef
作用:创建一个自定义的 ref,并对其依赖项跟踪和更新触发进行显式控制。
//自定义ref--myRef function myRef(value){ let timer return customRef((track,trigger)=>{ return { //return必写,官方要求必须返回一个对象 get(){ console.log(`有人读取了数据,读取的数据是${value}`) track() //通知vue追踪value的变化 return value }, set(newValue){ console.log(`有人修改了数据,修改的数据是${newValue}`) clearTimeout(timer) //防抖 timer = setTimeout(() => { value = newValue trigger() //通知vue去解析模版 }, 500); } } }) } let keyword = myRef('hello')