vue移动端框架到底哪家强

时间 2019-11-18

标签 vue 移动框架到底哪家栏目无线繁體版

原文原文链接

Weexcss

2016年4月21日，阿里巴巴在Qcon大会上宣布跨平台移动开发工具Weex开放内测邀请。html

Weex前端

是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了作到这些，Weex 与 Vuevue

合做，使用 Vue 做为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可使用其余框架驱动node

Weex，打造三端一致的 native 应用。react

Weex可以完美兼顾性能与动态性，支持iOS、安卓、YunOS及Web等多端部署。webpack

其工做原理git

Weexgithub

表面上是一个客户端技术，但实际上它串联起了从本地开发环境到云端部署和分发的整个链路。开发者首先能够在本地像撰写 web 页面同样撰写一个web

app 的页面，而后编译成一段 JavaScript 代码，造成 Weex 的一个 JS bundle；在云端，开发者能够把生成的 JS

bundle 部署上去，而后经过网络请求或预下发的方式传递到用户的移动应用客户端；在移动应用客户端里，WeexSDK 会准备好一个

JavaScript 引擎，而且在用户打开一个 Weex 页面时执行相应的 JS bundle，并在执行过程当中产生各类命令发送到 native

端进行的界面渲染或数据存储、网络通讯、调用设备功能、用户交互响应等移动应用的场景实践；同时，若是用户没有安装移动应用，他仍然能够在浏览器里打开一个相同的

web 页面，这个页面是使用相同的页面源代码，经过浏览器里的 JavaScript 引擎运行起来的。

Mint UI

基于 Vue.js 的移动端组件库

Mint UI 包含丰富的 CSS 和 JS 组件，可以知足平常的移动端开发须要。经过它，能够快速构建出风格统一的页面，提高开发效率。

真正意义上的按需加载组件。能够只加载声明过的组件及其样式文件，无需再纠结文件体积过大。

考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各类动效，避免浏览器进行没必要要的重绘和重排，从而使用户得到流畅顺滑的体验。

依托 Vue.js 高效的组件化方案，Mint UI 作到了轻量化。即便所有引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

vue-carbon

基于 vuejs 1.0 开发 material design 风格的移动端 WEB UI 库

使用文档地址 https://myronliu347.github.io/vue-carbon/book/v0.5.0/index.html

Muse-UI

基于 Vue 2.0 和 Material Desigin 的 UI 组件库

特性

1.组件丰富

Muse UI 基本实现了 Material Design 设计规范类的全部组件，另外还开发许多的功能性的组件

2.可定制

Muse UI 使用less文件，全部的颜色都有一个变量维护，经过编写 less 文件完成自定义主题，另外组件内部也提供一些修改效果的参数

3.基于 Vue 2.0

Muse UI 基于 Vue2.0 开发，Vue2.0是当下最快的前端框架之一，小巧，api友好，可用于开发的复杂单页应用

VUWE

vuwe是一款基于微信WeUI所开发的，专用于Vue2的组件库。

它与WeUI彻底解耦。用户经过自定义WeUI的样式文件，能够方便地对VUWE实现定制化。

vue-mobile

vue-mobile is an UI Framework build with Vue.js for SPA:

Full Page Structure - header, content, footer

Page transition support by vue-router

Bunch of Powerful Components, easy to use and extend

high performance CSS3 Animation

1px border for all components - as well as round border

Write with Vue - the most important

vonic

一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用。

和 ionic 的关系：没有关系，只是在样式方面以 ionic 的 css 文件为基础（作了一些调整）

vux

Vux（读音 [v'ju:z]，同views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。

基于webpack+vue-loader+vux能够快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制须要的样式。

vux-loader保证了组件按需使用，所以不用担忧最终打包了整个vux的组件库代码。

vux并不彻底依赖于WeUI，可是尽可能保持总体UI样式接近WeUI的设计规范。最初目标是建立一个易用，实用，美观的移动端UI组件库，如今离理想状态还有很多距离，所以须要你们及时反馈问题及贡献代码。

即便你不使用vux的代码, 但能从源码获得一些参考那么也是件让人高兴的事情。

更多angular1/2/四、ionic1/2/三、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目，请关注微信公众号——全栈弄潮儿。