几行代码，优雅的避免接口重复请求！同事都说好！

文章预览

点击上方  前端Q ，关注公众号 回复 加群 ，加入前端Q技术交流群 背景简介 我们日常开发中，经常会遇到点击一个 「按钮」 或者进行 「搜索」 时，请求接口的需求。 如果我们不做优化，连续点击 「按钮」 或者进行 「搜索」 ，接口会重复请求。 ❝ 首先，这会导致性能浪费！最重要的，如果接口响应比较慢，此时，我们在做其他操作会有一系列bug！ ❞ 那么，我们该如何规避这种问题呢？ 如何避免接口重复请求 防抖节流方式（不推荐） 使用防抖节流方式避免重复操作是前端的老传统了，不多介绍了 防抖实现    < div >      < button  @ click = "debouncedFetchData" > 请求 button >    div > < /template>
import { ref } from 'vue';