前言

大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心~

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