customRef可以自定义ref，可实现防抖文章来源地址https://www.toymoban.com/news/detail-554869.html
<template>
<input v-model="keywords">
<p>{{keywords}}</p>
</template>
<script>
import { customRef } from 'vue';
export default {
setup() {
function cusRef(value) {
return customRef((track, trigger) => {
let timer = null;
return {
get() {
track(); // 追踪，提前告诉get方法之后要修改数据
return value;
},
set(newValue) {
clearTimeout(timer);
timer = setTimeout(() => {
value = newValue;
trigger();
}, 1000);
}
}
});
}
let keywords = cusRef('hello world');
return {
keywords
};
}
}
</script>
文章来源：https://www.toymoban.com/news/detail-554869.html
到了这里，关于Vue3的customRef的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
