当前位置: 首页 > news >正文

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

VueUse中文网:https://vueuse.nodejs.cn/
在这里插入图片描述
使用方法
安装依赖包

npm i @vueuse/core

单页面使用(useThrottleFn举例)

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

举例我在项目中经常会用到的一些
1.useFullscreen 全屏显示
在这里插入图片描述

  1. useColorMode 主题颜色切换
    在这里插入图片描述

  2. useThrottleFn 节流
    规定时间内重复点击 限制函数执行一次
    在这里插入图片描述

  3. useClipboard 复制粘贴
    在这里插入图片描述

  4. useFileDialog 文件选择
    在这里插入图片描述

  5. useEyeDropper 使用吸管工具吸取颜色
    在这里插入图片描述

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

http://www.lryc.cn/news/432067.html

相关文章:

  • 【数据结构】你真的学会了二叉树了吗,来做一做二叉树的算法题及选择题
  • 压力测试知识总结
  • @import导入样式以及scss变量应用与static目录
  • 分类中的语义一致性约束:助力模型优化
  • 前端框架介绍
  • java基础知识-JVM知识详解
  • 流动会场:以声学专利为核心的完美移动场地—轻空间
  • 深度学习(一)-感知机+神经网络+激活函数
  • 目标检测-YOLOv4
  • 一台笔记本电脑的硬件都有哪些以及对应的功能
  • 【程序分享1】第一性原理计算 + 数据处理程序
  • 【数据结构】栈与队列OJ题(用队列实现栈)(用栈实现队列)
  • element-ui打包之后图标不显示,woff、ttf加载404
  • 探究零工市场小程序如何改变传统兼职模式
  • MySQL数据库安装(详细)—>Mariadb的安装(day21)
  • 微信小程序实践案例
  • DataLoader使用
  • CSS学习11--版心和布局流程以及几种分布的例子
  • NetSuite AI 图生代码
  • Java - BigDecimal计算中位数
  • Tensorflow2如何读取自制数据集并训练模型?-- Tensorflow自学笔记13
  • JVM系列(七) -对象的内存分配流程
  • Apache Ignite 在处理大规模数据时有哪些优势和局限性?
  • 怎么利用NodeJS发送视频短信
  • WebAPI(三)、 DOM 日期对象Date;获取事件戳;根据节点关系查找节点
  • 012.Oracle-索引
  • SSL 证书 | 免费获取与自动续期全攻略
  • 达梦数据库管理员常用SQL(一)
  • HttpUtils工具类(三)OKHttpClient使用详细教程
  • 重生奇迹MU老大哥剑士职业宝刀未老