Vue.js打造跨平台应用:uni-app前端框架详解

发表时间: 2018-12-08 20:38

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架

开发者通过编写 Vue.js 代码,uni-app 将其编译到 iOS、Android、微信小程序、H5等多个平台,保证其正确运行并达到优秀体验。

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

功能框架

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

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

uni-app实现了一套代码,同时运行到多个平台;如下图所示,一套代码,同时运行到Android模拟器、iOS模拟器、微信开发者工具、H5(底部4个终端选项卡代表4个终端模拟器):

实际运行效果如下:

项目地址

  • uni-app官网文档详见:https://uniapp.dcloud.io
  • github:https://github.com/dcloudio/uni-app