Vue 移动端框架

标签: jianshu | 发表时间:2020-02-27 00:00 | 作者:
出处:http://itindex.net/relian

1. vonic

vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约。
中文文档| github地址| 在线预览

vonic

2. vux

vux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信公众号的时候使用过,欢迎来评论区吐槽。
中文文档| github地址| 在线预览

vux

3. Mint UI

Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。
中文文档| github地址| 在线预览

Mint UI

4. Muse-UI

基于 Vue 2.0 和 Material Design 的 UI 组件库
中文文档| github地址

Muse-UI

5. Vant

是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。
中文文档| github地址| 在线预览

Vant

6. Cube-UI

滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库
中文文档| github地址| 在线预览

Cube-UI

7. vue-ydui

Vue-ydui 是 YDUI Touch的一个Vue2.x实现版本,专为移动端打造,在追求完美视觉体验的同时也保证了其性能高效。目前由个人维护。
中文文档| github地址| 在线预览

vue-ydui

8. Mand-Mobile

面向金融场景的Vue移动端UI组件库,丰富、灵活、实用,快速搭建优质的金融类产品。
中文文档| github地址| 在线预览

Mand-Mobile

9. v-charts

在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表。特别感谢 @书简_yu的贡献。
中文文档| github地址| 在线预览

v-charts

10. Vue Carbon

Vue Carbon 是基于 vue 开发的material design ui 库。
中文文档| github地址| 在线预览

Vue Carbon

11. Quasar

Quasar(发音为/kweɪ.zɑɹ/)是MIT许可的开源框架(基于 Vue),允许开发人员编写一次代码,然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序,并提供精心编写,速度非常快的Quasar Web组件。
中文文档| github地址

Quasar

12. Vue-recyclerview

使用vue-recyclerview掌握大型列表。
github地址| 在线预览

Vue-recyclerview

13. Vue.js modal

易于使用,高度可定制,移动友好的Vue.js 2.0+ modal。
在线文档| github地址| 在线预览

Vue.js modal

14. Vue Baidu Map

Vue Baidu Map是基于Vue 2.x的百度地图组件。
中文文档| github地址| 在线预览

Vue Baidu Map

15. Onsen UI

将Vue.js的强大功能和简单性带入混合和渐进式Web应用程序。
在线文档| github地址| 在线预览

Onsen UI

相关文章

Vue PC端框架

别走,还有后续呐······
如果小伙伴们有比较好的移动端框架,欢迎在评论区留言砸场,谢谢你的贡献。

看完文章还有福利拿,往下看
小伙伴可以在公号【grain先森】后台回复【190301】获取130套简历模板。后期小编会建微信群和大家交流分享,期待你们哦!

相关 [vue 移动 框架] 推荐:

Vue 移动端框架

- - IT瘾-jianshu
vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约. 中文文档| github地址| 在线预览. vux 基于WeUI和Vue(2.x)开发的移动端UI组件库. 基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式.

ssr vuejs/vue-hackernews-2.0: HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering

- -
This is a demo primarily aimed at explaining how to build a server-side rendered Vue app, as a companion to our SSR documentation. #install dependenciesnpm install#or yarn#serve in dev mode, with hot reload at localhost:8080npm run dev#build for productionnpm run build#serve in production modenpm start.

vue路由权限校验

- - 掘金前端
做后台系统的时候,难免会有用户权限的判断. admin可以查看全部菜单,user只能查看部分菜单. 一开始接触这个需求的时候,完全是纯前端做的. 在配置路由的时候,加一个roles的属性,通过判断用户的roles是否与路由的roles属性相匹配来作为显示隐藏的依据. // 过滤路由 menuList-菜单 roles-用户角色 const checkMenuList = (menuList, roles) => { for (let i = 0; i < menuList.length; i++) {.

Moobile:基于 MooTools 框架实现的移动 WebApp 开发框架

- - 我爱水煮鱼
Moobile 是一个基于 MooTools 框架实现的移动 WebApp 开发框架,目前它主要在 iOS 设备的浏览器上实现原生应用的体验. Moobile 实现了很多类似 iOS 原生的控件,比如:工具栏,按钮,图片,列表,激活状态,幻灯片等等,它还实现了淡入淡出,幻灯片滑动,立体翻转等效果,还能显示类似原生的警告框.

移动开发框架:Ionic Framework

- - 标点符
Ionic是 Drifty继 Codiqa(基于 Web 的 jQuery Mobile构建工具)和 Jetstrap(基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目. 是一个用HTML, CSS 跟JS 开发的一个用于移动设备Web App 开发框架,采用Sass与AngularJS 开发.

Appium移动自动化框架

- - 移动开发 - ITeye博客
引言:Appium 是一个移动端自动化测试开源工具,可以针对不同的平台用一套API来编写测试用例. 本文对Appium自动化测试框架的功能进行了概括. 本文选自《软件自动化测试开发》. Appium 框架的功能. (1)支持iOS、Android,可在多台机器上并行App 自动化,测试机型适配. 测试集:关联Excel 测试用例和脚本配置.

微豆 - Vue 2.0 实现豆瓣 Web App 教程

- - SegmentFault 最新的文章
一个使用 Vue.js 与 Material Design 重构 豆瓣 的项目. 项目网站 http://vdo.ralfz.com/. # 克隆项目到本地 git clone https://github.com/RalfZhang/Vdo.git # 安装依赖 npm install # 在 localhost:8080 启动项目 npm run dev.

浅谈Vue组件在实际项目中的应用

- - JDC | 京东设计中心
Vue.js 是一套构建用户界面的渐进式框架,目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. 虽然目前 Vue 已经很火了,但不可否认的是,仍有很多人刚刚开始学习使用 Vue 来构建前端项目,从生疏的初学者到熟练运用 Vue 的过程中,不可避免地会走一些弯路. 为了实现某个功能,也许尝试过很多方法,最终蓦然回首,才发现当初犯下的错误是那么幼稚.

vue快速入门的三个小实例

- - SegmentFault 最新的文章
用vue做项目也有一段时间了,之前也是写过关于vue和webpack构建项目的相关文章,大家有兴趣可以去看下 webpack+vue项目实战(一,搭建运行环境和相关配置)(这个系列一共有5篇文章,这是第一篇,其它几篇文章链接就不贴了). 但是关于vue入门基础的文章,我还没有写过,那么今天就写vue入门的三个小实例,这三个小实例是我刚接触vue的时候的练手作品,难度从很简单到简单,都是入门级的.

vue父子组件通信高级用法

- - SegmentFault 最新的文章
vue项目的一大亮点就是组件化. 使用组件可以极大地提高项目中代码的复用率,减少代码量. 但是使用组件最大的难点就是父子组件之间的通信. . . // 参数就是子组件传递出来的数据.