五个超好用的Vue3工具,最近项目中用得超多!

2024年 1月 22日 39.2k 0

前言

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~

v-wave

这可库可以通过自定义指令的形式,让目标点击节点具备波纹的效果,如下图

图片图片

使用方式如下

npm i v-wave
import { createApp } from 'vue'
import VWave from 'v-wave'
import App from './App.vue'

const app = createApp(App)

app.use(VWave)

// 页面中使用
Click here

地址:https://github.com/justintaddei/v-wave

vue3-dnd

vue3-dnd 是用来做drag and drop的,也就是拖放,很多人多 Vue 的拖放库已经断代了,其实 Vue3 也有拖放库的,那就是 vue3-dnd

图片图片

文档链接:https://www.vue3-dnd.com/example/sortable/simple.html

图片图片

vue-hooks-plus

vue-hooks-plus 是一个 Vue3 Hooks 库,我看过这个库的源码,感觉学到了挺多东西,这个库的特点如下:

  • 🏄🏼♂️ 易学易用
  • 🔋 支持 SSR
  • 🛸 丰富的 Hooks
  • 🏟️ 覆盖大部分业务场景
  • 🦾 首选 useRequest,强大的请求中间层
  • 🎪 交互式 demo,身临其境
  • 🎯 使用 TypeScript 构建,提供完整的类型定义文件
  • 支持按需加载,减少打包体积
  • 🤺 演练场,大有用武之地
  • 🔐 测试完善,安全可靠

图片图片

文档链接:https://inhiblabcore.github.io/docs/hooks/

vue-word-highlighter

vue-word-highlighter 是用来做搜索字体高亮的,某些场景需要用到,比如你搜索一段文本,需要匹配字段并高亮,就可以使用这个库

图片图片

链接:https://github.com/kawamataryo/vue-word-highlighter

v-perfect-signature

v-perfect-signature 是用来做电子签名的

图片图片

链接:https://github.com/wobsoriano/v-perfect-signature

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论