良心推荐!五个超好用的 Vue3 工具
![良心推荐!五个超好用的Vue3工具](https://static001.geekbang.org/infoq/15/1579cd279b40fafaeb898b47308b24af.jpeg)
vue3-dnd 是用来做 drag and drop 的,也就是拖放,很多人多 Vue 的拖放库已经断代了,其实 Vue3 也有拖放库的,那就是 vue3-dnd。
v-wave
这可库可以通过自定义指令的形式,让目标点击节点具备波纹的效果,如下图
![](https://static001.geekbang.org/infoq/07/0755bd4eb4d13eb4e9115923b943dc60.gif)
使用方式如下
复制
复制
地址: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
![](https://static001.geekbang.org/infoq/21/2142f4ad373314be5c0fe101bc1ec9ba.gif)
![](https://static001.geekbang.org/infoq/0e/0ec7369d557e086451a55cd9c76c363f.png)
vue-hooks-plus
vue-hooks-plus 是一个 Vue3 Hooks 库,我看过这个库的源码,感觉学到了挺多东西,这个库的特点如下:
🏄🏼♂️ 易学易用
🔋 支持 SSR
🛸 丰富的 Hooks
🏟️ 覆盖大部分业务场景
🦾 首选 useRequest,强大的请求中间层
🎪 交互式 demo,身临其境
🎯 使用 TypeScript 构建,提供完整的类型定义文件
支持按需加载,减少打包体积
🤺 演练场,大有用武之地
🔐 测试完善,安全可靠
文档链接:https://inhiblabcore.github.io/docs/hooks/
![](https://static001.geekbang.org/infoq/48/48f17a2f16d9b4749a8a7e1ac1e37bc7.png)
JNPF
JNPF 是一个 Vue3 搭建的低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。
JNPF 前端采用的是 Vue、Element-UI…;后端采用 Java(.net)、Springboot…;使用门槛低,支持分布式、k8s 集群部署,适用于开发复杂的业务管理系统(ERP、MES 等);采用可视化组件模式可以有效地扩展不同的业务功能,并方便实现各种业务需求,且不会导致系统臃肿,若想使用某个组件,按需引入即可,反之亦然。
低代码平台的前端框架采用 Vue 的优势有哪些?
Vue 是组件化开发,减少代码的书写,使代码易于理解。
最突出的优势在于可以对数据进行双向绑定。
相比较传统的用超链接进行页面的切换与跳转,Vue 使用的是路由,不用刷新页面。
Vue 是单页应用,加载时不用获取所有的数据和 dom,提高加载速度,优化了用户体验。
Vue 的第三方组件库丰富,低代码平台能够获得更多的支持和资源。
有空试试JNPF开发平台,满足微服务、前后端分离架构,基于可视化流程建模、表单建模、报表建模工具,快速构建业务应用,平台即可本地化部署,也支持 K8S 部署。
![](https://static001.geekbang.org/infoq/fe/fee67938ad1700268043506ed1068e7f.jpeg?x-oss-process=image%2Fresize%2Cp_80%2Fauto-orient%2C1)
vue-word-highlighter
vue-word-highlighter 是用来做搜索字体高亮的,某些场景需要用到,比如你搜索一段文本,需要匹配字段并高亮,就可以使用这个库
链接:https://github.com/kawamataryo/vue-word-highlighter
![](https://static001.geekbang.org/infoq/5e/5e3fa651f893558f07b608ed4a4825af.png)
评论