前言

大家好，我是林三心，用最通俗易懂的話講最難的知識(shí)點(diǎn)是我的座右銘，基礎(chǔ)是進(jìn)階的前提是我的初心~

v-wave

這可庫可以通過自定義指令的形式，讓目標(biāo)點(diǎn)擊節(jié)點(diǎn)具備波紋的效果，如下圖

圖片

使用方式如下

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 的拖放庫已經(jīng)斷代了，其實(shí) Vue3 也有拖放庫的，那就是 vue3-dnd

圖片

文檔鏈接：https://www.vue3-dnd.com/example/sortable/simple.html

圖片

vue-hooks-plus

vue-hooks-plus 是一個(gè) Vue3 Hooks 庫，我看過這個(gè)庫的源碼，感覺學(xué)到了挺多東西，這個(gè)庫的特點(diǎn)如下：

• ????♂? 易學(xué)易用
• ?? 支持 SSR
• ?? 豐富的 Hooks
• ??? 覆蓋大部分業(yè)務(wù)場(chǎng)景
• ?? 首選 useRequest，強(qiáng)大的請(qǐng)求中間層
• ?? 交互式 demo，身臨其境
• ?? 使用 TypeScript 構(gòu)建，提供完整的類型定義文件
• 支持按需加載，減少打包體積
• ?? 演練場(chǎng)，大有用武之地
• ?? 測(cè)試完善，安全可靠

圖片

文檔鏈接：https://inhiblabcore.github.io/docs/hooks/

vue-word-highlighter

vue-word-highlighter 是用來做搜索字體高亮的，某些場(chǎng)景需要用到，比如你搜索一段文本，需要匹配字段并高亮，就可以使用這個(gè)庫

圖片

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

v-perfect-signature

v-perfect-signature 是用來做電子簽名的

圖片

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