uni app 调用网络打印机_uni-app 的使用体验总结

[实践] uni-app 的使用总结

最近使用 uni-app 的感受。

使用体验

没用之前以为真和 Vue 一样，用了之后才知道。有点类似 Vue 和 小程序结合的感觉。写类似小程序的标签，有着小程序和 Vue 的生命周期钩子。对比 uni-app 文档和微信小程序的文档，不差多少，只是将 wx => uni，熟悉 Vue 和 小程序可以直接上手。

如果看过其他小程序的文档，可以发现，文档主要的三大章节就体现在框架、组件、API 。

uni-app 需要注意看注意事项，文档给出了和 Vue 使用的区别。例如动态的 Class 与 Style 绑定，在 H5 能用，APP 和小程序的体现就不一样。

配置项跟着文档来，开发环境也是现成的，下载 HBuilderX 导入项目就能运行，日常开发习惯了 VSCode，所以 HBuilderX 的主要作用就是用来打包 APK 和起各个端的服务，coding 的话当然还是用 VSCode。

路由

uni-app 的路由全部配置在 pages.json 文件里，就会导致多人开发的时候，路由无法拆分，如果处理的不好，就会发生冲突。

导航

导航栏需要注意的一个问题就是不同端的展示形式会不同，所以要处理兼容问题，导航栏可以自定义，用原生，框架，插件但是兼容性都不同，多端需求一定要在不同设备跑一下看效果。

例如在小程序和 APP 中，原生导航栏取消不了，就不能用自定义的导航栏，要在 pages.json 中配置原生导航栏。

兼容方法就是用 uni-app 提供的条件编译，处理各端不同的差异，我们支付的业务逻辑也是通过条件编译，区分不同端调用不同的支付方式。

生命周期

分为 应用的生命周期