几款实用的VUE移动端UI框架
Posted 风水道人
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了几款实用的VUE移动端UI框架相关的知识,希望对你有一定的参考价值。
vux
文档地址:https://doc.vux.li/zh-CN/
演示地址:https://vux.li/demos/v2/?x-page=v2-doc-home#/
基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式(下拉刷新上拉加载组件不再维护,其余组件相对丰富)
Vonic
文档地址:https://wangdahoo.github.io/vonic-documents/#/
演示地址:https://wangdahoo.github.io/vonic/docs/#/home
一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约
cube-ui
文档地址:https://didi.github.io/cube-ui/#/zh-CN/docs/introduction
演示地址:https://didi.github.io/cube-ui/#/zh-CN/example
滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库;组件效果优;视觉效果很棒
Mint-UI
文档地址:http://mint-ui.github.io/docs/#/
演示地址:http://elemefe.github.io/mint-ui/#/
最接近原生APP体验的高性能前端框架
Vant
文档地址:https://youzan.github.io/vant/#/zh-CN/intro
演示地址:https://youzan.github.io/vant/mobile.html#/zh-CN/
有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件
NutUI
文档:http://nutui.jd.com/#/intro
演示地址:http://nutui.jd.com/demo.html#/index
一套京东风格的轻量级移动端Vue组件库
特性
跨平台,自动转微信小程序组件(稍后上线,敬请期待)
30+ 京东移动端项目正在使用
基于京东APP 7.0 视觉规范
支持按需加载
详尽的文档和示例
支持定制主题
支持多语言(国际化)
支持 TypeScript
支持服务端渲染(Vue SSR)
单元测试加持
配套有基于Webpack的构建工具,可快速创建已内置本组件库的Vue工程
推荐几款基于vue的使用插件
1.muse-ui ★6042 - 三端样式一致的响应式 UI 库
2.vuetify ★11169 - 为移动而生的Vue JS 2组件框架
3.Vux ★12969- 基于Vue和WeUI的组件库
4.mint-ui ★11283 - Vue 2的移动UI元素
5.iview ★15434- 基于 Vuejs 的开源 UI 组件库
6.element ★27685 - 饿了么出品的Vue2的web UI工具套件
7. vue-amap ★1452 - 基于Vue 2和高德地图的地图组件
8.better-scroll ★6272 解决移动端(现已支持 PC 端)各种滚动场景需求的插件
9. DataVisualization ★736 - echarts数据可视化
10.vue-ydui ★1681 - 基于Vue2的移动端和微信UI
以上是关于几款实用的VUE移动端UI框架的主要内容,如果未能解决你的问题,请参考以下文章