推荐基于vuejs的前端UI框架
⽬录
1.前⾔
为何要使⽤框架？
这个问题不太说的清楚。近年来随着web应⽤的业务复杂化和多元化，技术栈变化很⼤。
但是使⽤框架的优势很明显：⽐如学习途径多，⽂档完善；框架机制和体系完善；开发周期缩短，成本低；框架维护性⾼，兼容性⽐较好；很多公司好招⼈等等。
2.⽹站资源
风险承受能力基于vuejs的ui框架
电脑开机密码忘了怎么解除mint-ui 官⽹：
mint-ui github：
cube-ui 官⽹：车间管理方法
cube-ui github：
iview-ui 官⽹：
iview-ui github：
element-ui 官⽹：
element-ui github：
at-ui 官⽹：
at-ui github：
vant-ui 官⽹：
vant-ui github:
nutui 官⽹：
nutui github:
其他框架
ionic 官⽹：
ionic 中⽂社区：
layui 官⽹：
layui github:
熟门熟路
weui 官⽹：](
weui github：
sui 官⽹：
sui github：
amaze-ui 官⽹：
amaze-ui github：
flutter-ui 官⽹：
flutter-ui github：
3.ui框架
3.1.MintUI
mint ui是 饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满⾜⽇常的移动端开发需要。
特性介绍
网课心得体会Mint UI 包含丰富的 CSS 和 JS 组件，能够满⾜⽇常的移动端开发需要。通过它，可以快速构建出风格统⼀的页⾯，提升开发效率。
真正意义上的按需加载组件。可以只加载声明过的组件及其样式⽂件，⽆需再纠结⽂件体积过⼤。
考虑到移动端的性能门槛，Mint UI 采⽤ CSS3 处理各种动效，避免浏览器进⾏不必要的重绘和重排，从⽽使⽤户获得流畅顺滑的体验。
依托 Vue.js ⾼效的组件化⽅案，Mint UI 做到了轻量化。即使全部引⼊，压缩后的⽂件体积也仅有 ~30kb (JS + CSS) gzip。
官⽹：
Github:
注意：有个缺点就是组件使⽤⽰例不是很详细，有很多地⽅晦涩难懂。
3.2.CubeUI
cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。
宝宝趴着睡觉好不好
特性
质量可靠
由滴滴内部组件库精简提炼⽽来，经历了业务⼀年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。
体验极致
以迅速响应、动画流畅、接近原⽣为⽬标，在交互体验⽅⾯追求极致。
标准规范
遵循统⼀的设计交互标准，⾼度还原设计效果；接⼝标准化，统⼀规范使⽤⽅式，开发更加简单⾼效。
扩展性强
⽀持按需引⼊和后编译，轻量灵活；扩展性强，可以⽅便地基于现有组件实现⼆次开发。
官⽹：
Github:
3.3.ElementUI - PC端推荐
Element是饿了么前端开源维护的Vue UI组件库，组件齐全，基本涵盖后台管理系统所需的所有组件，⽂档讲解详细，例⼦也很丰富。 主要⽤于开发PC端的页⾯，是⼀个质量⽐较⾼的Vue UI组件库。
设计原则
⼀致性 Consistency
与现实⽣活⼀致：与现实⽣活的流程、逻辑保持⼀致，遵循⽤户习惯的语⾔和概念；
在界⾯中⼀致：所有的元素和结构需保持⼀致，⽐如：设计样式、图标和⽂本、元素的位置等。
反馈 Feedback
控制反馈：通过界⾯样式和交互动效让⽤户可以清晰的感知⾃⼰的操作；
页⾯反馈：操作后，通过页⾯元素的变化清晰地展现当前状态。
效率 Efficiency
简化流程：设计简洁直观的操作流程；
清晰明确：语⾔表达清晰且表意明确，让⽤户快速理解进⽽作出决策；
帮助⽤户识别：界⾯简单直⽩，让⽤户快速识别⽽⾮回忆，减少⽤户记忆负担。
可控 Controllability
⽤户决策：根据场景可给予⽤户操作建议或安全提⽰，但不能代替⽤户进⾏决策；
结果可控：⽤户可以⾃由的进⾏操作，包括撤销、回退和终⽌当前操作等。
官⽹：
Github：
3.4.iViewUI
iview ui是⼀个强⼤的ui库基于vue，有很多实⽤的基础组件⽐elementui的组件更丰富，主要服务于 PC 界⾯的中后台产品。使⽤单⽂件的Vue 组件化开发模式 基于 npm + webpack + babel 开发，⽀持 ES2015 ⾼质量、功能丰富 友好的 API ，⾃由灵活地使⽤空间。
长沙图书馆特性
⾼质量、功能丰富
友好的 API ，⾃由灵活地使⽤空间
细致、漂亮的 UI
事⽆巨细的⽂档
可⾃定义主题
官⽹：
Github:
2.5.AtUI
at-ui 是⼀款阿⾥团队创建的基于 Vue 2.x 的前端 UI 组件库，主要⽤于快速开发 PC ⽹站产品。 它提供了⼀套 npm + webpack + babel 前端开发⼯作流程，CSS 样式独⽴，即使采⽤不同的框架实现都能保持统⼀的 UI 风格。
官⽹：
Github：
3.5.VantUI - H5推荐
vant UI是有赞前端团队基于有赞统⼀的规范实现的 Vue 组件库，提供了⼀整套 UI 基础组件和业务组件。通过 Vant，可以快速搭建出风格统⼀的页⾯，提升开发效率。
未来老师
特性
50+ 个经过有赞线上业务检验的组件
80%+ 单元测试覆盖率
完善的⽂档和⽰例
⽀持 babel-plugin-import
⽀持 TypeScript
⽀持 SSR
官⽹：
Github:
3.6.Nutui
NutUI是⼀套京东风格的移动端Vue组件库，开发和服务于移动Web界⾯的企业级前中后台产品。特性
跨平台，⾃动转微信⼩程序组件（稍后上线，敬请期待）
30+ 京东移动端项⽬正在使⽤
基于京东APP 7.0 视觉规范
⽀持按需加载
详尽的⽂档和⽰例
⽀持定制主题
⽀持多语⾔（国际化）
⽀持 TypeScript
⽀持服务端渲染（Vue SSR）
单元测试加持
配套有基于Webpack的构建⼯具，可快速创建已内置本组件库的Vue⼯程
