1.下载

npm install vue-directive-throttle

2.自定义节流指令如何使用？

// main.ts
// 导入
import { vThrottle } from 'vue-directive-throttle'

// 注册
app.directive('throttle', vThrottle)

3.自定义节流函数如何使用？

// @/services/utils/throttle.ts
import { throttle } from 'vue-directive-throttle'

4.事件节流自定义指令

1. v-throttle:时间.事件="函数 || 函数名"

2. v-throttle:时间.事件="() => 函数名(形参)"

3. 默认事件：click,默认时间：300 毫秒

5.节流函数使用

1. import {throttle} from "vue-directive-throttle";

2. const 函数名 = throttle(()=>{函数逻辑}，500)

6.示例

v-throttle:500.scroll = 函数
v-throttle:500 = 函数

7.防抖同理 vDebounce