现在的位置: 首页 > web前端 > 正文

mpvue小程序开发框架

2020年07月03日 web前端 ⁄ 共 772字 ⁄ 字号 评论关闭

  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版的微信小程序,已上线。总结一下遇到的坑。

抱歉!评论已关闭.