uni-app 好不好用 开发效率怎么样？

如何快速掌握 uni-app

首先本篇文章 是给大家 聊一聊在使用 uni-app 做项目过程 中的感受。

从19年开年使用 uni-app 现在已经 1年多了，做过的项目大约10个多了。

从中爬了无数个坑，也数不清处理了多少问题了，奈何于都没有一直记录下来这个过程。单个问题的博客也写了挺多，但是没有系统性的整理。

接下来我会根据我目前的项目，讲解一下从开始构建项目，到各个api 的使用。以及某一个api 使用时遇到的问题，会相应的记录下来。到项目完成，发版多端，同时也是对自己学习以及工作的一个总结。

使用uni-app的建议（利/弊）

以下只代表个人在使用途中的体验

如果你是一个公司的选型负责人的话，想要一端多用，考虑不知道用什么框架的话，那么uni-app 确实是一个很好的选择。一套代码，多处编译，确实是方便的框架。

---

做个比较：

• wepy：未对小程序API作二次封装，API依然使用微信原生的，框架与微信小程序是否新增API无关
• mpvue：支持微信的所有原生组件和api，无限制。同时框架封装了自己的跨端API，使用方式类似mpvue.request()
• taro：支持微信的所有原生组件和api，无限制。同时框架封装了自己的跨端API，使用方式类似Taro.request()，支持Taro
  代码与小程序代码混写，可通过混写的方式调用框架尚未封装的小程序新增API
• uni-app：支持微信的所有原生组件和api，无限制。在跨端方面，即便仍然使用微信原生的组件和API，也可以直接跨端编译到App、H5、以及支付宝百度头条等小程序。但为了管理清晰，推荐使用uni封装的API，类似uni.request()。同时支持条件编译，可在条件编译代码块中，随意调用各个平台新增的API及组件

---

当然一个框架肯定有好坏，如果真的想要非常好体验和交互的话，还是建议使用原生，当然如果你是刚起步的公司 /初学者 uni-app 绝对是一个很好的框架（不考虑太多的因素）。

1. 基于 vue 语法 减少学习成本，庞大的社区资源，庞大的插件市场，完整的api 示例，这个可以在官网看到。

2. 页面渲染、如果不使用nvue 不使用 原生渲染的话。而是使用web 的方式 页面的切换，跳转会有些许的卡顿，不流畅。这是web的通病也不多说。对于这种情况 ，官方是有规范的。多使用组件，不用把内容放在同一个页面上，因为一旦改动，对于vue 数据加载的方式来说，data{} 中的所有数据也会改变，会影响页面加载，这个在官方文档中可以看到。

3. 出现问题解决的过慢，uni-app 社区非常庞大。不会出现特别明显的bug ，只会在特定机型上出现bug，现在使用uni-app ，基本上的坑都已经被排完了，但是当出现问题，解决问题的速度相对于过慢（可以加群试试看哈），也是给官方的建议吧，可能是人员力量不足，这也可以理解，毕竟我现在用的挺香（滑稽）。

4. 更新跨度过大，向下兼容性较差，举个栗子：输入框的页面顶起不知何时能解决，框架在不断的更新，这个可以理解，但是还是做好完整的向下兼容，而不是让用户不停的切换版本。这个不行，用那个，不敢更新编译器，不敢更新版本。
   关于这个问题，uni-app 2.7 版本后应当没有这个问题了。因为统一了 v3编译器 ，使用全新的编译器，并且规范了代码写法和使用。如果你现在使用uni-app 是基本上没有这个后顾之忧了。

5. 重点：如果真的一端多用，安卓 ios 微信小程序 web 公众号。那么你的代码侵入性会非常大，如果你优化做的不好，你就会发现页面上全部是判断，多种端的各种适配，如果你的项目非常庞大，你是做不了小程序的，小程序的概念就是轻量，想把app的所有功能搬到小程序上，你会发现容易遇到各种问题 类似于文件过大无法上传，当然官方提供了解决办法（这个在后续文章博客中会提到），如果你要做的是轻量级项目 自然也不用考虑这么多问题。

6. 插件市场是真的好用，简化开发，减少工作量刚需，这一点必须要提，插件市场有多套完整的商城项目，开箱即用。开发者上传的易用的组件。如果你是一个想用用来赚生活费的开发者，那么恭喜你，浏览插件市场半小时，你就可以拼装一个项目。其中很多插件我也在用，类似于 @wenju 小姐姐开发的 上拉下拉组件，@ 因吹丝挺 仿 vue axios request @文晓港 color ui 组件 导入即用。

7. 天然移动端flex 布局 官方案例也是封装了 flex 布局，学习成本较低。

---

结尾：当然利弊还有很多，这个需要选型着自己来权衡。不再做过多的介绍。当时秒杀其他家的一端多用还用很好的。由衷的希望官方也能学习一下其他家（京东、、等）的比较好的点，举个栗子（启动图能不能一键生成）

我会继续更新uni-app 相关的文章，从到构建-上线，对uni-app 不了解，想要快速入门 的可以关注我，每天一篇uni-app 文章。