提高开发效率的实用工具库VueUse

VueUse中文网：https://vueuse.nodejs.cn/

使用方法

安装依赖包

npm i @vueuse/core

单页面使用（useThrottleFn举例）

import { useThrottleFn } from "@vueuse/core";
// 表单提交
const handleSubmit = useThrottleFn(() => {
  // 具体操作
}, 3000);

举例我在项目中经常会用到的一些

1.useFullscreen 全屏显示

2. useColorMode 主题颜色切换
   

3. useThrottleFn 节流

   规定时间内重复点击 限制函数执行一次
   

4. useClipboard 复制粘贴
   

5. useFileDialog 文件选择
   

6. useEyeDropper 使用吸管工具吸取颜色
   

7. 感兴趣或想使用其他具体的方法可以看文档