当前位置: 首页 > Web前端 > vue.js

2020年 16 个最有用的 Vue UI库

时间:2023-03-31 21:58:55 vue.js

2020年最有用的16个VueUI库整理了我的很多文档和教程资料。欢迎来到星和完美。面试时可参考考点复习。我希望我们能在一起。本文主要分享一些VueUI库给大家。这些库都是github高星库。废话不多说,一起来看看吧。1.Vuetify(??24k)网址:https://vuetifyjs.com/zh-Hans/github:https://github.com/vuetifyjs/...Vuetify是一个VueUI库,包含手工制作的精美材质组件。无需设计技能-创建令人惊叹的应用程序所需的一切都在您的指尖。Vuetify拥有100多个组件元素,具有响应式网格系统和对事件处理的全面支持。凭借每周补丁和不断更新,Vuetify可能会在未来几年继续成为最受欢迎的Vue库之一。2.VueMaterial(??8587)网址:https://vuematerial.io/github:https://github.com/vuemateria...VueMaterial是一个基于谷歌MaterialDesign的轻量级框架。为不同的屏幕设计功能强大且美观的Web应用程序。我们可以动态生成和使用主题,只根据自己的需要使用组件。UI元素和组件的优点是可以更轻松地使用API和其他。VueMaterial的目的是提供一组可重用的组件和一系列的UI元素,使用Vue2.0构建支持主流浏览器的应用程序。3.ElementUI(??44k)网址:https://element.eleme.io/#/zh...这个就不多说了,强大好用的VueUI库基本都知道国内前端开发者。4.Buefy(??7.1k)网址:https://buefy.org/github:https://github.com/buefy/buefy如果我们想为项目提供一个更简单轻量级的UI库,那么这个是基于onbulma的轻量级工具是一个不错的选择。虽然它的组件少于此列表中的其他库,但这是它的优势之一。保持Buefy轻量级并只保留最重要的组件,例如下拉菜单、表单等,对于只想将库用于少数关键组件的开发人员来说,这是最佳选择之一。5.QuasarFramework(??13.8k)网址:http://www.quasarchs.com/github:https://github.com/buefy/buefyQuasar允许开发者一次编写代码,使用相同的代码库部署为网站、PWA、移动应用程序和电子应用程序。使用最先进的CLI和编写良好、速度非常快的QuasarWeb组件来设计应用程序。使用Quasar时,您不需要额外的重型库,如Hammerjs、Momentjs或Bootstrap。它具有所有这些功能,而且非常小!6.VueStrap(??4.8k)网址:http://yuche.github.io/vue-st...github:https://github.com/yuche/vue-...下两个库是两个使用VueJS实现类Bootstrap组件的方法。VueStrap接受在Bootstrap中找到的所有元素,并具有可以轻松导入和呈现的等效Vue组件。7.BootstrapVue(??10.9k)网址:https://bootstrap-vue.js.org/github:https://github.com/bootstrap-...最近,Vue.js生态系统发布了一个新包。它是流行的Bootstrap框架与Vue.js的集成。这个包叫做BootstrapVue。它允许我们使用与Bootstrap(v4)集成的自定义组件。它还支持自定义Bootstrap组件、网格系统,还支持Vue.js指令。8.UIV(??813)网址:https://uiv.wxsm.space/github:https://github.com/wxsms/uivBootstrap与Vue的另一个集成。虽然我对UIV的了解还不够多,无法直接将它与前两个库进行比较,但有几个关键事项需要注意。UIV使用BootstrapCSS作为依赖项,使库本身变得轻量级,并且根据其文档,它支持SSR(服务器端渲染)。9.MintUI(??15.5k)网址:http://mint-ui.github.io/#!/z...github:https://github.com/ElemeFE/mi...MintUI丰富内容中的CSS和JS组件可以满足日常移动开发的需求。通过它可以快速构建风格统一的页面,提高开发效率。真正按需加载组件。您可以只加载声明的组件及其样式文件,无需担心文件太大。ue.js是一种高效的组件化解决方案,MintUI是轻量级的。即使全部导入,压缩后的文件大小也只有~30kb(JS+CSS)gzip。10、Vuecidity官网:https://vuecidity.wemakesites...Vuecidity是一个基于MaterialDesign的VueJS组件库。通过表单元素、指令、布局选项和UI组件,Vuecidity几乎涵盖了所有基础。由于支持MaterialDesigns主题,Vuecidity作为Vue的一个版本,非常适合熟悉MaterialDesign的开发人员。11.iView(??23.1)网址:https://www.iviewui.com/github:https://github.com/iview/iviewiView是一套基于Vue.js的开源UI组件库,主要服务于PC界面其特点包括:高质量、功能丰富且友好的API、自由灵活的空间使用、细致美观的UI、详尽的文档和可定制的主题。12.DeepReader(??87)github:https://github.com/deep-philo...这个模块化的框架可能没有其他库那么多用例,但是它的功能实在是太酷了,所以还是要介绍一下五。DeepReader构建了一个在线阅读环境,其中包含不同的组件,可以添加注释、小部件和不同的工具来创建一个完整的学习/阅读环境。13.KeenUI(??3.9k)网址:https://josephuspaye.github.i...来自MaterialDesign虽然受到MaterialUI规范的启发,但Keen-UI并不是真正的MaterialUI库。它不是CSS框架,也不包含网格系统或版式,但包含需要Javascript的组件。14.ATUI(??1795)Website:https://aotu.io/notes/2017/08...github:https://github.com/aliqin/atuiATUI是为前端web应用而构建的。由于能够使用CSS预处理器,它几乎适用于任何开发团队。就个人而言,我非常喜欢ATUI附带的最小样式和字体选择,而且我认为它非常直观且易于添加到任何项目中。其内置的图标库(Feather)与其他库相比也是一个巨大的优势。15.Muse-UI(??7084)网址:https://muse-ui.org/#/en-USgithub:https://github.com/museui/mus...MuseUI基于Vue2.0开发,Vue2.0是目前最快的前端框架之一。它体积小,API友好,可用于开发复杂的单页应用程序。MuseUI是一个受MaterialDesign启发的库,它不仅包含我们期望的所有核心Web组件,还包含一些移动组件,例如对话框、滑块和响应式刷新按钮。16VueBlu(??1.5k)Website:https://chenz24.github.io/vue...github:https://github.com/chenz24/vu...和Buefy一样,VueBlu是Vue和Bulma的整合之间。它非常有用且轻量级,并且与NPM、Webpack和Babel堆栈有很好的集成。它具有强大的Bulma集成并充分利用了Flexbox功能。我最喜欢的组件之一是时间线,它很容易创建漂亮的时间线,非常适合项目更新。好了,今天就到这里,你最喜欢的Vue.js库是什么?欢迎留言讨论。代码部署后可能存在的bug,无法实时获知。事后为了解决这些bug,花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。原文:https://levelup.gitconnected....作者:MattMaribojoc译者:前端小智来源:mediumExchange文章每周持续更新,微信搜索“大千世界”即可阅读更新尽快(比较博客早一两个),这篇文章的GitHubhttps://github.com/qq449245884/xiaozhi已经收录了,整理了很多我的文档。欢迎使用Star并对其进行改进。面试复习大家可以参考考点,关注公众号,后台回复福利,就可以看到福利,你懂的。