customRef

<template>
    <!-- 自定义ref -->
    <input type="text" v-model="keyWord">
    <h3>{{keyWord}}</h3>
</template>

<script>
import {ref,customRef} from 'vue'
export default {
  name: 'App',
  setup(){
      function myRef(value){
          let timer
          return customRef((track,trigger)=>{
              return {
                  get(){
                      track()
                       return value
                  },
                  set(newValue){
                      // 防抖效果
                      clearTimeout(timer)
                      timer= setTimeout(()=>{
                          value=newValue
                          trigger()
                      },500)
                      
                  }
              }
          })
      }
      //let keyWord=ref('hello')//使用vue内置的ref
      let keyWord=myRef('hello')
      return {keyWord}
  },

}
</script>

<style>

</style>