vue组件库

这篇博客列举了多个常用的前端组件库,包括有赞的Vant、饿了么的Element、VUX、iView等,详细介绍了它们的特点和适用场景。Vant以其轻量级和易于使用著称,Element适合后台管理系统开发,而iView则提供简洁的语法和丰富的组件。此外,还提到了MintUI、MuseUI、AntdVue、Vue-MUI、Radon-UI等,为开发者提供了多种选择。
摘要由CSDN通过智能技术生成

vant

Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间

文档官网:https://youzan.github.io/vant/#/zh-CN/

element-ui

Element 是由饿了么UED设计、饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库。

这款是我用了很久的,比较适合开发后台管理系统,官方更新和维护也很负责,组件也能满足大部分开发需求

文档官网:http://element.eleme.io/#/zh-CN

github:http://github.com/elemefe

VUX

适合移动端

项目主页:https://vux.li/#/

github地址:https://github.com/airyland/vux

iview

继element之后尝试的组件库,个人感觉语法比element简洁许多,功能和使用方面也很相似,ui风格相比element更简练些定制主题也简单,组件库比ele多一些,可以尝试

iView 配套的工作流:https://github.com/icarusion/vue-vueRouter-webpack
github地址:https://github.com/iview/iview
官网:https://www.iviewui.com/

Mint UI

项目主页:http://mint-ui.github.io/#!/zh-cn
demo:http://elemefe.github.io/mint-ui/#/
github地址:https://github.com/ElemeFE/mint-ui
中文文档地址:http://mint-ui.github.io/docs/#!/zh-cn

Muse UI

响应性比较好

github地址:https://github.com/museui/muse-ui
中文文档地址:http://www.muse-ui.org/#/install

antd vue

只是列出来一下,不建议使用。比较早期的组件库,当时积累的很多用户,但是基本不更新,bug较多

中文文档:http://okoala.github.io/vue-antd/#!/components
github:https://github.com/okoala/vue-antd

vue-mui

组件比较少

官网:http://mui.yaobieting.com/
github地址:https://github.com/creatshare/vue-mui

radon-ui

大概看了一下,渲染方式和iview很相似,组件也比较丰富,可以尝试下

中文文档:https://luojilab.github.io/radon-ui/#!/
github:https://github.com/luojilab/radon-ui

weex

社区:http://www.weex.help/
官网:http://weex-project.io/cn/
github:https://github.com/alibaba/weex

N3

想说这个文档界面看起来就很舒服啊~~

官网:https://n3-components.github.io/N3-components/
中文文档:https://n3-components.github.io/N3-components/component.html
英文文档:https://github.com/N3-components/N3-components

vuikit

github:https://github.com/vuikit/vuikit
英文文档:https://vuikit.js.org/#/

Vue-layout

github:https://github.com/jaweii/Vue-Layout

项目地址:https://jaweii.github.io/Vue-Layout/dist/

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值