vue3 setup里 怎么使用你封装的函数呢

在Vue 3的`setup()`函数中，你可以使用封装的函数，只需要将它们导入并在`setup()`函数中使用即可。

假设你有一个`utils`文件夹，里面包含了你封装的防抖和节流函数。你可以按照以下步骤使用它们：

1. 在`utils`文件夹中创建`debounce.ts`和`throttle.ts`文件，并实现对应的防抖和节流函数。

// utils/debounce.ts
export function debounce(func: Function, delay: number) {
  // 防抖函数的实现
}

// utils/throttle.ts
export function throttle(func: Function, delay: number) {
  // 节流函数的实现
}

2. 在你的Vue组件的`setup()`函数中导入这些函数，并进行使用。

<template>
  <div>
    <!-- 模板代码 -->
  </div>
</template>

<script>
import { debounce, throttle } from './utils/debounce';

export default {
  setup() {
    // 在这里使用防抖和节流函数
    const debouncedFunction = debounce(() => {
      // 防抖函数的回调逻辑
    }, 300);

    const throttledFunction = throttle(() => {
      // 节流函数的回调逻辑
    }, 500);

    // 返回响应式数据和方法
    return {
      debouncedFunction,
      throttledFunction,
    };
  },
};
</script>

在上面的例子中，我们通过导入`debounce`和`throttle`函数，并在`setup()`函数中使用它们。然后我们将返回的`debouncedFunction`和`throttledFunction`绑定到组件的响应式数据中，可以在模板中调用它们。

这样，你就可以在Vue 3的`setup()`函数中使用你封装的防抖和节流函数了。记得根据实际需求调整防抖和节流函数的参数和回调逻辑。