qq_24719349的博客

在阅读Vue3文档响应式基础时，看到了这个 API。觉得可能在某些场景下确实还是比较好用的，所以拿来记录一下。概念按照文档中的说明：customRef 可以用来创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。它需要一个工厂函数，该函数接收 track 和 trigger 函数作为参数，并且应该返回一个带有 get 和 set 的对象。其实大致意思就是，我们可以按照自己的业务需求去自定义封装一个 ref 对象，在其内部可以使用 get 和 set去跟踪或更新数据，有点计算属性内味.

Vue3 的官方文档中大致介绍了这三种全局API。但是我看完过后，对于一些点还是处于一个比较懵逼的状态，于是自己去查阅了一些资料以及手写代码去尝试，才渐渐领悟了过来。在看官方文档期间，我把自己在脑海中疑惑的问题整理了一下，然后写在了这篇文章中，并从网上和实践中去找寻到了一些答案。咱们先来看文档中对于这三个全局API的介绍：先来看下 defineComponent文档中第一句话很容易看懂，说白了就是从实现上看，用了或者跟不用这个api没多大区别~~但是呢，第二句话说的好像又有一些区别，不过我没太.

今天在Vue3官方文档上看了下 watchEffect 的介绍。以前用的时候都用得比较简单，所以以为这 api 也没啥值得特别掌握的地方，今天看了文档才发现，这个 api 并没有想象中那么简单~特别是看到清除副作用的时候比较懵逼，最后结合优快云上一些大佬的博客解释才慢慢明白这其中的精髓。正好昨天刚写了一个关于Vue2如何实现防抖函数的文章，那么接下来，我就再次用一个防抖函数的实现过程来给大家分析一下这个api以及可能遇到的坑。我模拟输入框搜索功能来演示，直接上代码：<template&g.