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

前言

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

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)

// 页面中使用
<button v-wave>Click here</button>

地址：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