Vue移动端框架建议

Vue移动端框架Weex

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

每周

它是一种简单易用的跨平台开发方案，可以基于web开发经验构建高性能和可扩展的本地app。为了做到这一点，Weex和Vue

合作，使用Vue作为上层框架，并遵循W3C标准来实现统一的JSEngine和DOM API。这样，您甚至可以使用其他框架驱动程序

Weex，以创建具有三个一致端点的本机app。

Weex可以完美平衡性能和动态，并支持iOS、Android、YunOS和Web等多终端部署。

工作原理

每周

表面上看，它是一种客户端技术，但实际上它连接了从本地开发环境到云部署和分发的整个链路。开发人员可以首先编写

app页面，然后将其编译成JavaScript代码，形成Weex的JS包；在云中，开发人员可以传输生成的JS

部署捆绑包，然后通过网络请求或预分发将其交付给用户的移动应用程序客户端；在移动app客户端中，WeexSDK将准备一个

JavaScript引擎，并在用户打开Weex页面时执行相应的JS包，并在执行过程中生成各种命令以发送到本机

界面渲染或数据存储、网络通信、调用设备功能、用户交互响应等移动应用的场景实践；同时，如果用户没有安装移动app，他仍然可以打开相同的app

网页，它使用相同的页面源代码，并通过浏览器中的JavaScript引擎运行。

薄荷UI

基于Vue Js移动组件库

Mint UI包含丰富的CSS和JS组件，可以满足日常移动终端开发的需求。通过它，您可以快速构建具有统一样式的页面，并提高开发效率。

真正意义上，按需加载组件。您只能加载声明的组件及其样式文件，而不必担心文件的大小。

考虑到移动终端的性能阈值，Mint UI使用CSS3处理各种动态效果，避免了浏览器不必要的重新绘制和重新排列，从而用户可以获得流畅的体验。

依靠VueJs高效的组件化方案，MintUI实现了轻量级。即使导入了所有文件，压缩文件量也只有~30kb（JS+CSS）gzip。

碳化钨

基于vuejs 1.0开发材料设计风格的移动终端WEB UI库

Muse用户界面

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

特征

1.成分丰富

Muse UI基本上实现了Material Design Specification类的所有组件，还开发了许多功能组件

2.可定制

Muse UI使用更少的文件。所有颜色都由变量保持。您可以通过编写更少的文件来自定义主题。此外，组件还提供一些参数来修改效果

3.基于Vue 2.0

Muse UI是基于Vue2.0开发的。Vue2.0是目前最快的前端框架之一。它结构紧凑，api友好，可用于开发复杂的单页app

武威牌手表

Vuwe是一个基于微信WeUI开发的组件库，专门用于Vue2。

它与WeUI完全分离。用户可以通过自定义WeUI的样式文件轻松地自定义VUWE。

帧比较：AVM交叉端帧

（app视图模型）框架是统软云的框架之一，它更接近于原始的编程体验。它提供了一个简单的模型来分离app的用户界面、业务逻辑和数据模型。它适用于高度定制的项目。它可以一次编码，可以同时开发Android、iOS、小程序和其他多端app。

AVM是统软云基于标准H5子集设计的DSL中间语言编程框架。它可以具有以下功能：

虚拟DOM：通过虚拟DOM，渲染到不同的终端，充分尊重系统特性，对不同的终端进行差异化处理，实现高效渲染；

组件化：具有高重用性、可组合性和可维护性的架构设计隐藏了复杂的DOM结构和行为，允许开发人员专注于app的功能和外观；

数据绑定：轻松将数据源绑定到app用户界面，降低逻辑复杂性和开发难度；

状态管理和路由：有效分离用户界面和数据处理，实现项目的工程管理；

类似Vue的语法和React JSX兼容性结合了Vue的轻量级和React的灵活性。

统软云 DSL最终可以