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

最新推荐文章于 2025-06-22 10:38:53 发布
原创 最新推荐文章于 2025-06-22 10:38:53 发布 · 8.5k 阅读 · 31 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue框架 #移动端 #pc端

本文列举了多个基于Vue.js的UI框架，包括Element、iView、Vux、Mint-UI等，适合用于移动端和PC端的后台及前端开发，覆盖了Material Design、Bootstrap风格以及WeUI样式，提供了丰富的组件库和优秀的设计方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.Element 饿了么 vue 2.0后台UI框架
https://github.com/ElemeFE/element

2.iview组件库
iView 主要服务于 PC 界面的中后台业务，很优秀的组件库，可惜不适合移动端
https://github.com/iview/iview
https://iviewui.com/

3.vux 基于Vue和WeUI的移动UI组件
Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
https://github.com/airyland/vux
https://vux.li/

4.Mint-UI 饿了么移动端组件库
由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库
https://github.com/ElemeFE/mint-ui

5.vue-admin 管理面板UI框架
https://github.com/vue-bulma/vue-admin

6.vue-material为 Vue.js 打造的 Material 风格的组件
https://github.com/vuematerial/vue-material

最低0.47元/天 解锁文章

200万优质内容无限畅学
使用什么框架开发Vue移动端应用？
CodeNexus的博客
09-26 461
以上是几个常用的框架，它们都能够帮助你快速开发Vue移动端应用。选择合适的框架取决于你的项目需求、团队熟悉度以及个人偏好。根据你的项目需要选择其中一个框架，并按照相应的示例代码进行开发，即可快速构建出符合移动端要求的Vue应用。希望这些信息对你有所帮助！如果你有任何其他问题，我将很乐意继续帮助你。在开发Vue移动端应用时，有多种框架可供选择。下面将介绍几种常用的框架，帮助你选择适合你项目的最佳框架。
mobileFrame:vue 移动端框架
05-14
移动框架 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run unit tests npm run unit # run e2e tests npm run e2e # run all tests npm test 有关工作原理的详细说明，请查看的和。
基于Vue-Cli3的Vue移动端企业级工程架构
Sensation_cyq的博客
12-03 433
本项目是基于Vue-Cli3脚手架，应用VW的自适应解决方案构建的移动端企业级工程项目，下面会一步步构建起项目结构。大家也可以先下载源代码下来看下，再跟着操作。 工程目录 这里展示的是最终的目录结构，方便查看，后面会一步步说明并搭建此目录 . ├── README.md ├── babel.config.js ├── package-lock.json ├── package.jso...
移动端H5项目初始配置：Vue框架搭建
最新发布
weixin_34456923的博客
06-22 818
Vue.js是由Evan You开发的一个开源前端框架，自从2014年发布以来，因其简洁、易用和高效的性能而迅速流行。作为MVVM（Model-View-ViewModel）模式的实现，Vue.js使得前端开发更加模块化，同时提供了与Angular和React等其他前端框架不同的独特优势。Vue-cli是一个基于Vue.js进行快速开发的完整系统。它提供了一个官方的脚手架工具，可以用来生成Vue.js项目的基础结构，包括安装依赖、预设项目配置等。
Vue 移动端框架
热门推荐
一起coding，一起嗨。
10-22 1万+
原创地址：https://www.jianshu.com/p/1e05c8d68407 1. Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件，这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览 Vant 2. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。中文文档 | github地址 | 在线预览 Mint UI 3. Wot..
vue移动端框架
weixin_41978174的博客
07-23 1614
Vant 是一个轻量级的移动端 Vue 组件库，专注于提供一套高质量的移动端组件，如按钮、卡片、弹窗等。
Vue移动端UI框架
祈澈菇凉
09-23 1425
自从Vue成为前端的主流框架之后，各家UI框架也越来越多，今天重点聊一聊移动端的那些框架吧，Vue移动端框架到底哪家强？以下排名不分先后，开发过程中根据自己的具体业务需求来做选择。 1.Vux 中文文档：https://vux.li/#/ 在线预览：https://vux.li/demos/v2/?x-page=v2-doc-home#/ VUX 是基于 WeUI 和 Vue....
移动端+pc端自适应适配解决方案
06-29
适用于前端H5 pc端的适自创适配方案，有效解决各个尺寸适配，根据浏览器可视区域自适应元素，使用方法：将资源下载下来，放入单独js文件中，独立写成一个全局方法，如果是vue项目就在main.js中引入。如果是原生js...
vue的UI框架集合(移动端+pc端)
fxbar的博客
07-10 1159
1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k 中文文档 在线预览 2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k 基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。 ...
(源码)基于Vue.js框架的移动端和PC端通用管理系统.zip
03-02
# 基于Vue.js框架的移动端和PC端通用管理系统 ## 项目简介 本项目是一个基于Vue.js框架的通用管理系统，适用于移动端和PC端的网页开发。项目采用Vue全家桶技术栈（Vue、Vue Router、Vuex），并结合Mint UI组件库，...
基于PHP和Vue物业管理系统（移动端+PC端+server端源码+数据库SQL+环境部署步骤讲解+运行步骤讲解）
06-06
服务宗旨：有任何问题私信我 适合人群：工作中项目需要、模板框架实战学习、大学毕业设计参考、找工作项目实战积累等等
vue-mobile:一个基于Vue的简单UI框架。基于Vue的移动端UI框架
03-25
关于 简介 Vue Mobile是一个基于Vue的移动端UI框架，为多端开发而生，支持发布到iOS，Android，H5，以及各种小程序。 依赖框架 Uni App框架。 技术栈 Vue，Vuex，ES6，Sass，PostCSS等。 开发工具 HBuilderX IDE。 示例项目 使用 命令 # 安装 $ npm install vue-mobile --save # 格式化代码 $ npm run format # 校验代码 $ npm run lint 开发与建造 请参考HBuilderX的使用。 目录规范 |- assets 待编译的静态资源 | |- images 图片（必须小于 40K） | |- components 组件图片 | |- icon icon 组件图片 | |-
vue+vant的一个移动端的框架.zip
05-20
平时总是用到下面的三个tab固定，页面的主体内容随tab切换而改变。我这里就直接写了一个空的模板。都是最简单的东西。里面前端框架是vant。首先要下载包依赖npm install 然后npm run dev 就能看到效果了。其实是最简单的东西。对于初学者学习看一下路由相关的知识还是有点作用的
基于VUE实现判断设备是PC还是移动端
10-15
主要介绍了基于VUE实现判断设备是PC还是移动端,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vuikit：用于网站界面的自适应Vue UI库
02-06
威吉 基于 3框架的Web站点界面的响应式 2 UI库。 如果您喜欢Vuikit并希望支持该项目，请考虑一小笔。 那意义重大 ：） 入门 < script > import Vue from ' vue ' import Vuikit from ' vuikit ' import VuikitIcons from ' @vuikit/icons ' Vue . use (Vuikit) Vue . use (VuikitIcons) </ script > < template> < vk>MyButton</ vk> < vk-icon icon
移动端基于Vue.js的UI框架
U.R.M.L
08-20 350
Vant UI 官网地址：https://youzan.github.io/vant/#/zh-CN/ 简介：有赞公司开发的。 优点：社区活跃，有 50 多个个组件，80%多的单元测试覆盖率，完善的文档和示例,支持 babel-plugin-import,支持 TypeScript,支持 SSR。同时它的默认主题适合做一些商城三级页面的开发，也支持开发者自定义主题。 Mint UI 官网地址：http://mint-ui.github.io/#!/zh-cn 简介： 饿了么公司基于vue开的的vue的
vue基于vux的移动端架构
weixin_37928483的博客
08-29 978
项目架构 vue移动端解决方案 使用技术 vue移动端ui解决方案 vux 适配移动端方案 px2rem css解决方案 sass 状态管理器 vuex 其他 cnpm 安装基于vux脚手架 npm install vue-cli -g # 如果还没安装 vue init airyland/vux2 projectPath cd projectPath ...
基于Vue的移动端UI框架整理
天马3798
02-05 3206
特性：50+ 高质量组件、40+ 京东移动端项目正在使用、基于京东APP 7.0 视觉规范、支持按需加载、详尽的文档和示例、支持定制主题、支持多语言（国际化）、支持 TypeScript、支持服务端渲染（Vue SSR）、单元测试加持、配套有基于Webpack的构建工具，可快速创建已内置本组件库的 Vue 工程。特性：60+ 高质量组件、90% 单元测试覆盖率、完善的中英文文档和示例、支持按需引入、支持主题定制、支持国际化、支持 TS、支持 SSR。简介： 饿了么公司基于 vue 开发的 UI 组件库。
基于Vue 的常用移动端框架
u014315704的博客
01-03 1576
移动端框架： 该文章参考来源于：[Vue移动端UI框架](https://www.cnblogs.com/tt-ff/p/11698959.html) 1、Vux 中文文档 在线预览 Vux是基于 WeUI 和 Vue.js 的移动端UI组件库，提供丰富的组件满足移动端(微信)页面常用业务需求，可以说相当全面了。 2、Mint-UI GitHub地址 中文文档 在线预览 Mint-UI由饿了么...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值