🤢vue3自定义指令

type
status
date
slug
summary
tags
category
icon
password
我们使用 vue 时,有时候需要用到自定义指令,例如一个防抖指令

前言

现在有一个需求,用户在点击某个按钮时,我不希望用户在疯狂点击后,每次点击都会触发事件,像服务器发送请求,这并不是我们预期的,所以我们需要在用户点击是做防抖处理。那么怎么做到方便复用的解决方法?还真有,那就是自己定义指令

一、在 main 中使用自定义指令

下面是 useDebounce 代码

二、在页面中使用

结尾

最后,如果你觉得写法不对,欢迎指教
上传项目至GitHubvue路由白名单