推荐 7 个 Vue.js 插件,也许你的项目用的上(三)
使用这7个库 Vue.js 库,加快你的项目开发!
当我们可以通过使用库轻松实现相同的结果时,为什么还要编写自定义功能?开发人员最好的朋友和救星就是这些第三方库。我相信一个好的项目会利用一些可用的最佳库。Vue.js 是创建用户界面的最佳 JavaScript 框架之一。这篇文章是关于 Vue.js 的优秀库系列的三部分,在该系列中,我总是每篇介绍 7 个 Vue.js 相关库,它们将在您的开发之旅中提供帮助。
1. Vuelidate
这是一个支持 Vue.js 3 和 2 的简单但又强大的,基于模型的轻量级验证。它被认为是基于模型的,因为验证规则是您的自定义的,并且验证树结构与数据模型结构相匹配。它在 GitHub 上拥有超过 6500 颗星。
https://github.com/vuelidate/vuelidate/tree/next
2. Floating-vue
如果你想创建自定义和漂亮的工具提示、弹出窗口、下拉菜单、菜单和其他弹出窗口,那么这对你来说是一个很好的资源。我相信您已经猜到这个库将帮助您轻松添加这些功能。它在 GitHub 上拥有超过 2.4k 颗星。
https://github.com/Akryum/floating-vue
3. Composable
这个库的目的是提供很多实际应用中的可组合的函数,通过 Tree-shaking(不知道怎么翻译)技术保证代码的轻量。它由 50 多个不同的可组合项组成,例如 i18n、验证、分页、获取等。该库在 GitHub 上拥有超过 1k 颗星。
https://github.com/pikax/vue-composable
延伸阅读
Tree-shaking 是一种代码优化技术,用于删除 JavaScript 模块中没有使用的代码。它是在编译阶段进行的,因此可以帮助减小最终生成的代码大小。
这种优化技术的名称来源于删除未使用的代码的过程,就像是在模块树上摇掉未使用的代码一样。
vue-composable 库使用了 tree-shaking 技术,以确保最终代码的轻量。这意味着,如果您在使用 vue-composable 库时,只使用了部分功能,其他未使用的功能代码将被删除,从而减小了生成的代码大小。
4、Vue-quill
从头开始创建富媒体辑器有时可能是一项复杂或耗时的任务。这个库提供了一个漂亮的富文本编辑器,由 Vue 3 和 Quill 提供支持。它易于使用并且完全用 TypeScript 编写。
https://github.com/vueup/vue-quill
5. Use-web
Web API 不断变化,这个库旨在为 Vue.js 开发人员提供一个稳定的接口,可以很好地集成到生态系统中。此外,当浏览器不支持所述功能时,界面会优雅地降级。在 Vue 组合 API(钩子)中实现 Web API 使它们为 Vue 3.0 及更高版本做好准备。
https://github.com/Tarektouati/vue-use-web
6. Concurrency
这是一个专门为 Vue 和 Composition API 封装异步操作和管理并发性的库。它的目标是为执行异步操作提供一个合理的抽象。它减少了重复代码,提供了可靠的衍生状态,并允许对技术(如节流,去抖和轮询)采用新的方法。
https://github.com/MartinMalinda/vue-concurrency
7. Carousel
这个库提供了一个现代化轻量级的轮播组件。它包含了很多功能,如 Responsive breakpoints(暂且这么翻译:响应式断点),鼠标/触摸拖拽,无限滚动(循环),自动播放等。
https://github.com/ismail9k/vue3-carousel
延伸阅读
"Responsive breakpoints" 指的是,在网页设计或网页开发中,用来根据不同的屏幕尺寸,采用不同的布局和样式。
简单来说,就是通过设定不同的断点,来使网页在不同的屏幕尺寸下都有良好的用户体验。比如,在移动端的小屏幕上,网页的布局可能要比在桌面端的大屏幕上简化,以适应较小的屏幕。
这是一种响应式设计技术,可以让网页在不同的设备上都能够适配,从而提高用户体验。
结束
今天先分享到这里,希望今天的分享对你有所帮助,在你的项目中,别忘记尝试下这几个插件。感谢你的阅读,文章创作不易,如果你喜欢我的分享,别忘了点赞转发,让更多有需要的人看到,最后别忘记关注「前端达人」,你的支持将是我分享最大的动力,后续我会持续输出更多内容,敬请期待。
原文:
https://medium.com/javascript-in-plain-english/7-useful-vue-js-libraries-you-should-use-in-your-next-project-bc85ac592d46作者:Farhan Tanvir
非直接翻译,有自行改编和添加部分,翻译水平有限,难免有疏漏,欢迎指正
未经授权,谢绝转载
推荐阅读
推荐 7 个 Vue.js 插件,也许你的项目用的上(一)
推荐 7 个 Vue.js 插件,也许你的项目用的上(二)
推荐 7 个 Vue.js 插件,也许你的项目用的上(三)相关推荐
- 推荐 7 个 Vue.js 插件,也许你的项目用的上(四)
加速你的 Vue.js 开发 当我们可以通过使用库轻松实现相同的结果时,为什么还要编写自定义功能?开发人员最好的朋友和救星就是这些第三方库.我相信一个好的项目会利用一些可用的最佳库.Vue.js 是创 ...
- 推荐 7 个 Vue.js 插件,也许你的项目用的上(一)
当我们可以通过使用库轻松实现相同的结果时,为什么还要编写自定义功能?开发人员最好的朋友和救星就是这些第三方库.我相信一个好的项目会利用一些可用的最佳库.Vue.js 是创建用户界面的最佳 JavaSc ...
- animate inater插件_基于animate.css动画库的全屏滚动小插件,适用于vue.js(移动端、pc)项目...
功能简介 基于animate.css动画库的全屏滚动,适用于vue.js(移动端.pc)项目. 安装 npm install vue-animate-fullpage --save 使用 main.j ...
- vue 画布插件_一个Vue.js插件,用于使用EaselJS控制HTML5画布
vue 画布插件 vue-easeljs (vue-easeljs) A Vue.js plugin to control an HTML5 canvas using EaselJS. 一个Vue.j ...
- vue实现波纹效果_简单的Vue.js插件可实现自定义波纹效果
vue实现波纹效果 Vue-Rippler (vue-rippler) Simple Vue.js plugin for custom ripple effect. 简单的Vue.js插件可实现自定义 ...
- IDEA Vue.js插件 2021年1月21日最新
IDEA开发VUE时,需要下载Vue.js插件,但国外的资源有时候很难下下来,可以离线下载插件再安装 官网下载地址:https://plugins.jetbrains.com/plugin/9442- ...
- vue本地上传并预览php,vue.js 实现图片本地预览 裁剪 压缩 上传功能
以下代码涉及 Vue 2.0 及 ES6 语法. 目标 纯 javascrpit 实现,兼容ie9及以上浏览器,在本地做好文件格式.长宽.大小的检测,减少浏览器交互. 现实是残酷的,为了兼容Ie9 还 ...
- 3.Vue.js 实战 调查问卷WebApp项目
问卷调查demo已上传,欢迎大家指正,欢迎大家下载:https://download.csdn.net/download/lzb348110175/11085995 如果您没积分的话,可以私信/评论, ...
- js插件+UploadFile类实现图片的批量上传
文件上传无疑是web应用中一个非常常用的功能,下面小编给大家分享一下diyUpload.js+ThinkPHP中的UploadFile类实现图片的批量上传. 首先,给大家介绍展示一下具体操作页面: h ...
最新文章
- 数据结构之列表 timeit
- hibernate中表的复合主键映射表
- keepalived(2)——配置文件
- C语言头文件组织与包含原则
- 【背包】SMRTFUN
- mysql一共有多少引擎_MySQL存储引擎你们知道多少?
- 诗与远方:无题(十六)
- 有毒!OPPO Reno证件照曝光:“铡刀式”前置摄像头抢眼
- mysql 7 for windows_Mysql 5.7 for windows 免安装版(解压版)安装和配置
- 活动选择问题 贪心
- 结构体和共用体字节对齐
- 低级鼠标钩子WH MOUSE LL
- 调整IT外包业务合同 降低外包价格
- String字符串倒叙输出
- Android读书笔记
- ATK-DTU-M750 物联网模块+MQTT(阿里云)配置(一)
- 云安全,到底是怎么一回事?
- 热烈欢迎Ubuntu志愿者!
- 法学专业如何运用计算机思维,夏正林主讲“人是如何思维的——以法学思维为中心”...
- 2022年小额贷款行业研究报告