几款实用的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框架的主要内容,如果未能解决你的问题,请参考以下文章

基于VUE.JS的移动端框架Mint UI

基于VUE.JS的移动端框架Mint UI

Cube UI 滴滴技术团队开源vue 移动端UI 框架

基于vue的UI框架集锦(移动端+pc端)

优秀的基于VUE移动端UI框架合集

新开源报道 26滴滴开源基于 Vue.js 的移动端组件库 cube-ui