首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ JavaScript / 文章详情

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

Sonder
2024-01-22
1129字
3分钟
浏览 (3.3k)

v-wave

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

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

使用方式如下

复制代码
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

640.gif

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

640.png

vue-hooks-plus

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

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

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

vue-word-highlighter

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

640.png

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

v-perfect-signature

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

640.png

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

本文转自 https://mp.weixin.qq.com/s/bYPYmP-8FnnIHcLIv06l9A,如有侵权,请联系删除。

下一篇 / chrome跨域的问题,就一行代码搞定!!!

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)