uni-app 生命周期

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app 生命周期相关的知识,希望对你有一定的参考价值。

参考技术A 创建 初始化 挂载 销毁

一、应用生命周期   只能在 App.vue 里执行

onLaunch  应用初始化完成触发一次,全局只触发一次(登录 全局变量)

onShow  应用启动的时候,或者从后台进入前台会触发

onHide  应用从前台进入后台会触发

二、页面生命周期

onLoad  监听页面加载

onReady  监听页面初次渲染完成,如果渲染速度快,会在页面进入动画 完成前触发

onShow  监听页面显示

onHide  监听页面隐藏

onUnload  监听页面卸载

三、组件生命周期

beforeCreate  在实例初始化之后,数据观测(data  observer)和 event/watcher 事件配置之前被调用 

created  在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。

mounted  将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。

destroyed  组件销毁后调用

以上是关于uni-app 生命周期的主要内容,如果未能解决你的问题,请参考以下文章

uni-app页面生命与vue生命周期

uni-app 生命周期

uni-app 生命周期

uni-app组件的生命周期 / and 页面生命周期

uni-app组件的生命周期 / and 页面生命周期

uni-app 生命周期函数