vue useThrottleFn

`useThrottleFn` 是 Vue 3 中的一个自定义 Hook，用于在一段时间内限制一个函数的执行次数。它接收两个参数：

- `fn`: 要限制执行次数的函数
- `delay`: 时间间隔，单位为毫秒

它返回一个包含 `run` 和 `cancel` 两个方法的对象，`run` 方法会在 `delay` 时间内最多执行一次传入的函数 `fn`，`cancel` 方法则可以取消 `run` 方法的执行。在实际使用中，我们可以利用 `useThrottleFn` 将某些高频率的事件（比如滚动、输入等）的回调函数限制执行次数，从而提高性能。

以下是一个使用 `useThrottleFn` 的例子：

import { ref } from 'vue'
import { useThrottleFn } from '@vueuse/core'

export default {
  setup() {
    const count = ref(0)
    const { run, cancel } = useThrottleFn(() => {
      count.value++
    }, 1000)

    return {
      count,
      run,
      cancel,
    }
  },
}

在上面的例子中，我们定义了一个 `count` 变量和两个方法 `run` 和 `cancel`，并使用 `useThrottleFn` 包装了一个回调函数，每隔 1 秒钟最多执行一次。最后，我们将 `count`、`run` 和 `cancel` 暴露给模板，可以在模板中通过调用 `run` 方法来触发回调函数的执行，也可以调用 `cancel` 方法取消执行。