vue整合uniapp_【重跳坑指南】使用uniapp中的nvue结合weex开发APP

作为一个有一年经验的uniapp的开发者,自从脱坑老老实实做web前端,已经蛮久没有使用dcloud家的东西,由于今年的工作计划中,uniapp仍然占据着主导的地位,便老老实实的看看uniapp最近半年的更新文档,映入眼帘的就是v3引擎和一个fast极速启动的功能,下面会简单的提到我重新踩坑过程。

写在前面

本文需要一定的uniapp基础和必备的vue基础

在之前的开发中,并没有使用到nvue这个基于原生渲染的app页面,所以在计划中,nvue将会被app的组件/复杂计算较多的页面使用,采用vue+nvue结合的方式,所以我希望在功能开始之前,尝试一下所谓的v3引擎和fast启动有多么厉害

fast模式

fast模式必须使用v3引擎,它能够让app启动时视图层不再等待服务层加载完毕,即可以同时渲染,所以在启动fast模式时,能肉眼直观的感觉到此模式有多么的快速,但是在nvue首页请避免采用vuex和使用getApp()方法,因为service层此时不一定初始化完毕。

v3引擎

在之前的编译模式中,uniapp从最初的模板编译模式到之后的自定义组件模式,我在自定义组件模式尝到了很多甜头,在之前的业务中写过一个表单组件,很多的日期选择器和输入表单造成了输入的卡顿,所以就升级成了自定义组件模式就成功解决了问题,还有就是类似于电影院订座的页面,渲染了大量的dom造成了选中卡顿,采用了此模式也成功解决了性能上的问题,所以我准备花更多的心思研究了此次更新的模式:v3引擎

总结的常用优势有以下几项:开发编译速度更快

app运行更快<

你可能感兴趣的:(vue整合uniapp)