小程序--mpvue开发的生命周期

最新推荐文章于 2022-12-21 16:43:24 发布

ygman

最新推荐文章于 2022-12-21 16:43:24 发布

阅读量529

点赞数

分类专栏：微信小程序文章标签：小程序 mpvue 生命周期

本文链接：https://blog.csdn.net/one_girl/article/details/86495259

版权

mpvue基于Vue.js，保留了vue.runtime核心方法并提供了将vue模板转换为小程序wxml的能力。它兼容Vue和小程序的生命周期，但不建议频繁使用小程序的生命周期钩子。在mpvue中，生命周期顺序为beforeCreate—created—onLaunch/onLoad—onShow—onReady—beforeMount—mounted等。遇到的问题包括在正确生命周期中获取数据和处理页面状态。onLoad中获取数据是最稳妥的方法，而onUnload可用于清理资源。

摘要由CSDN通过智能技术生成

mpvue 继承自 Vue.js，其技术规范和语法特点与 Vue.js 保持一致。

框架的原理

mpvue 保留了 vue.runtime 核心方法，无缝继承了 Vue.js 的基础能力
mpvue-template-compiler 提供了将 vue 的模板语法转换到小程序的 wxml 语法的能力
修改了 vue 的建构配置，使之构建出符合小程序项目结构的代码格式： json/wxml/wxss/js 文件

mpvue同时维护了Vue和小程序两套机制

Vue实例生命周期
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
activated
deactivated
beforeDestroy
destroyed

微信小程序的生命周期钩子
–app 部分–
onLaunch 初始化
onShow 当小程序启动，或从后台进入前台显示
onHide 当小程序从前台进入后台
–page 部分–
onLoad 监听页面加载
onShow 监听页面显示
onReady 监听页面初次渲染完成
onHide 监听页面隐藏
onUnload 监听页面卸载
…
mpvue兼容了上面Vue的生命周期和小程序的生命周期，并且mpvue会在小程序onReady后，再去触发vue mounted生命周期。（官网声明：除特殊情况外