vue3 自定义指令防抖和节流代码

可以参考以下代码实现：

// 防抖指令
Vue.directive('debounce', {
inserted: function (el, binding) {
let timer
el.addEventListener('input', () => {
if (timer) {
clearTimeout(timer)
}
timer = setTimeout(() => {
binding.value()
}, binding.arg || 1000)
})
}
})

// 节流指令
Vue.directive('throttle', {
inserted: function (el, binding) {
let lock = false
el.addEventListener('click', () => {
if (lock) return
lock = true
setTimeout(() => {
binding.value()
lock = false
}, binding.arg || 1000)
})
}
})