uni-app总体介绍

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

快速体验

一套代码编到7个平台，难以置信吗？依次扫描7个二维码，亲自体验最全面的跨平台效果！

注：Appstore、百度、头条平台不能提交简单demo，故iOS、百度小程序、头条小程序版补充了一些其他功能。

为什么要选择uni-app？

uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势。

跨端数量多

• 一套代码，可发布到 IOS、Android、小程序、H5 等多个平台

平台能力不受限

• 在跨端的同时，通过条件编译+平台特有 API 调用，可以优雅的为某平台写个性化代码，调用转悠能力而不影响其他平台
• 支持原生代码混写和原生 sdk 集成

性能体验优秀

• 体验更好的 Hybrid 框架，加载新页面速度更快
• App 端支持 weex 原生渲染 ，可支撑更流畅的用户体验
• 小程序端的性能优于市面其他框架

周边生态丰富

• 支持 NPM 包管理，兼容微信小程序自定义组件及 JS SDK ，支持 mpvue 项目及组件
• 相当于微信小程序生态中丰富的三方 sdk 可直接用于跨平台开发

学习成本低

• 基于通用前端技术栈，采用 vue 语法 + 微信小程序 api，无额外学习成本

开发成本低

• 人力成本大幅节省，招聘、管理、研发、测试各方面成本大幅下降
• HBuilderX 是高效开发利器，熟练掌握后研发效率至少翻倍（即便只开发一个平台）

功能框架

从下面uni-app功能框架图可看出，uni-app在跨平台的过程中，不牺牲平台特色，可优雅的调用平台专有能力，真正做到海纳百川、各取所长。

一套代码，运行到多个平台

uni-app实现了一套代码，同时运行到多个平台；如下图所示，一套代码，同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具（底部7个终端选项卡代表7个终端模拟器）：

实际运行效果如下：