vue3自定义ref

 setup() {      
    function myRef(value){     //自定义ref,本质是一个函数
      return customRef((track,trigger) => {
        return {
          get(){
            console.log("正在读取value,当前值为:",value);
            track();          
//通知Vue追踪value的变化
            return value;
          },
          set(newValue){
            console.log("正在修改value,新值为:",newValue);
            value = newValue;
            trigger();        
//通知Vue重新解析模板
          }
        }
      })
    }

    let  keyWord = myRef("abc");    //使用自定义ref

return {
      keyWord
    }
  }
 

你可能感兴趣的:(vue)