3移动端自适应 vue_2020年9个热门Vue.js移动端UI组件库|框架，值得收藏！

在前端项目开发中，不管是使用vue，react或是angular，总会引入一些ui组件库|框架。今天，就来盘点下，几个优质热门的Vue.js移动端UI组件库。

按照Github 2020/6/16 Star排序

1、Mint UI ▪ 饿了么开源的移动端UI组件库

基于vue.js的移动端UI框架，包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需求。

http://mint-ui.github.io/

https://github.com/ElemeFE/mint-ui

特性

• Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要

• 可按需加载组件。可以只加载声明过的组件及其样式，无需再纠结文件体积过大

• 采用 CSS3 处理各种动效，避免浏览器进行不必要重绘和重排，使用户获得流畅顺滑的体验

• Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb

安装

$ npm i mint-ui -S

使用

// 引入全部组件
import Vue from 'vue';
import Mint from 'mint-ui';
Vue.use(Mint);

// 按需引入部分组件
import { Radio, Loadmore } from 'mint-ui';
Vue.component(Radio.name, Radio);
Vue.component(Loadmore.name, Loadmore);

2、Vant ▪ 有赞团队开源的Vue移动端UI组件库

基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。

https://youzan.github.io/vant/

https://github.com/youzan/vant

特性