免费开源的VUE桌面端组件库

Vue
442
0
0
2022-04-18
标签   Vue组件

Element

免费开源的VUE桌面端组件库

这是饿了么前端团队开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

免费开源的VUE桌面端组件库

安装方式非常简单,支持npm和cdn直接引入。推荐使用 npm 的方式安装,因为它能更好地和 webpack 打包工具配合使用。如果你使用的是vue-cli@3,那么你可以直接添加相应的 Element 插件,你可以用它们快速地搭建一个基于 Element 的项目。

支持全局引用,按需引用,Nuxt.js后端渲染

组件库高端大气

免费开源的VUE桌面端组件库按钮

免费开源的VUE桌面端组件库表单

免费开源的VUE桌面端组件库表格

组件太多就不一一展示了,使用vscode或者WebStorm的同学建议安装 Element 相对应的扩展,代码提示和参数说明简直爽得不要不要的。想要编辑器扩展的私信小编哦!!

iView

免费开源的VUE桌面端组件库

由 TalkingData 开发的一套基于 Vue.js 的高质量UI 组件库

免费开源的VUE桌面端组件库

安装很简单,CDN 引入 NPM 安装 这是最基本的,最新的 Vue CLI 3 提供了相应的 iView 插件,如果你正在用 Vue CLI 3,可以直接在插件中搜索 iview,安装插件来使用。或者嫌麻烦的同学可以使用推荐工程,以此为基础开发,可以为您省去大量配置和调试环境的时间。服务端渲染也是必须支持的。

免费开源的VUE桌面端组件库

免费开源的VUE桌面端组件库

相比于饿了吗的组件库,样式风格差不多,看个人爱好!两个我都在用。iView的组件数量比element多一些。

Ant Design Vue

免费开源的VUE桌面端组件库

这是阿里鼎鼎大名 Ant Desing 的Vue实现版本,官方的是React的。

免费开源的VUE桌面端组件库

如果有想使用Ant Desing 风格的组件又不想使用React的同学可以考虑这个哦!

免费开源的VUE桌面端组件库

Vue UI


这是Vue官方出的组件库,用于所有官方Vue.js应用程序。Vue CLI 3提供的UI管理界面就是基于这个组件库的。风格很不错

免费开源的VUE桌面端组件库按钮

免费开源的VUE桌面端组件库选择框

免费开源的VUE桌面端组件库输入框

BootstrapVue

免费开源的VUE桌面端组件库

BootstrapVue为Vue.js提供了最全面的Bootstrap 4组件和网格系统

免费开源的VUE桌面端组件库

喜欢Bootstrap的同学可以关注一下

免费开源的VUE桌面端组件库

免费开源的VUE桌面端组件库

小编对没用过这个,Bootstrap用过很长一段时间。

Vue Material

免费开源的VUE桌面端组件库

使用Material Design和Vue.js构建漂亮的应用程序

免费开源的VUE桌面端组件库

免费开源的VUE桌面端组件库

喜欢Material Design风格的同学这是一个不错的选择


小编使用最多的就是 Element iView ,因为star高。