vue3 利用自定义 ref 实现防抖 customRef

在 vue3.2+ 中，实现防抖更加优雅的方式

需要两个文件 一个是 vue 一个 js/ts 文件 实现

.vue 代码如下

<template>
	<div class="main">
		<input v-model="text" />
		<div class="res"> {
  { text }}</div>
	</div>
</template>

<script setup lang="ts">
import { debounceRef } from "./debounceRef";
// 自定义 ref 导致数据不是响应式的
const text = debounceRef('', 500)
</script>

<style scoped></style>

.ts 文件

import {
    customRef } from 'vue'

export