mpvue是一个使用Vue.js开发小程序的前端框架。框架基于Vue.js核心,mpvue修改了Vue.js的runtime和compiler实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套Vue.js开发体验。
mpvue主要特性
使使用mpvue开发小程序,你将在小程序技术体系的基础上获取到这样一些能力:
彻底的组件化开发能力:提高代码复用性
完整的Vue.js开发体验
方便的Vuex数据管理方案:方便构建复杂应用
快捷的webpack构建机制:自定义构建策略、开发阶段hotReload
支持使用npm外部依赖
使用Vue.js命令行工具vue-cli快速初始化项目
H5代码转换编译成小程序目标代码的能力
mpvue写小程序的坑
生命周期(同一page携带不同参数)
小程序生命周期
当我们从一个页面①进入页面②时,我们一般在onLoad进行初始数据的获取,
从页面②返回到页面①时,若两个页面是不同的page,如①为page/info,
②为page/repo,那没问题,①页面unOnLoad,②页面onShow。
但是若①为page/info?user=a,②为page/info?user=b,那gg了,从页面②返回到页面①,页面①的数据会变成页面②的数据
为了避免这种情况,我一开始使用onShow代替onLoad,也就是在onShow的时候获取页面的初始数据。但是这个情况就有点可怕了,我们知道onShow很多情况都会触发到,切换前后台,从一个页面返回到另一个,都会触发onShow,这就导致会触发很多不必要的请求,而且用户体验极差。
总之,最近有点闲,想起关注已久的mpvue写小程序,所以稍微肝了半个多月写了个github版的微信小程序,已上线。总结一下遇到的坑。