vue整合uniapp_跨端开发痛点？送你一款Vue最流行的跨端框架——uni-app

前言

今天来聊一下前端必备技能——小程序开发。

从最早发布的微信小程序，到后来的支付宝小程序、字节跳动小程序、百度小程序、QQ小程序，还有最近发布的360小程序，面对这么多套的代码，开发者该如何开发呢？

当业务要求同时在不同的端都要展现时候，针对不同的端去编写多套代码的成本显然非常高。这时候只需编写一套代码，就能够适配多端的能力就显得尤为需要。

今天就来给大家介绍一款，使用Vue的跨端框架——uni-app

uni-app 框架简介

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，可编译到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等平台。

uni-app 在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等 6 大关键指标上拥有极强的竞争优势：

开发者/案例数量更多

跨端抹平度/扩展灵活性(通过条件编译，调用专有能力而不影响其他平台)

性能体验更优秀(App 端支持 weex 渲染，带来更流畅的用户体验。)

周边生态丰富(推出插件市场，能够提供较多的组件和模板，真正做到开箱即用)

开发成本低(不止开发成本，招聘、管理、测试各方面成本都大幅下降。)

虽然不同端框架环境千变万化，无论各类小程序、Weex、React-Native、Flutter、快应用，它们万变不离其宗的是MVVM架构设计思想。uni-app希望既能用一套代码完成所有端需求，将相同的业务逻辑完成收敛到同一层系统里面，又不会因为项目的抽象一致导致可维护性变差。

开发工具

通过 HBuilderX 可视化界面ÿ