生命周期一个可分为三种:应用生命周期,页面生命周期,组件生命周期
// 1.应用生命周期app.vue //onLaunch只能在app.vue onLaunch: function () { //登陆 全局变量 }, onShow: function () { }, onHide: function () { } //其中onLaunch应用初始化完成触发一次,全局只触发一次; //onShow 应用启动的时候,或者从后台进入前台会触发; // onHide 应用从前台进入后台触发
// 2.页面生命周期index.vue onLoad() { }, onReady() { //如果渲染速度快,会在页面进入动画完成前触发 }, onShow() { }, onHide() { }, onUnload() { } // 其中, // onLoad()监听页面加载; // onReady()监听页面的初次渲染完成 // onShow()监听页面显示 // onHide()监听页面隐藏 // onUnload()监听页面卸载
// 3.组件的生命周期 // components里的vue beforeCreate() { }, created() { }, mounted() { }, destroyed() { } // 其中 // beforeCreate() 在实例初始化之后,数据观测(data observer)和event/watcher事件配置之前被调用 // created()实例创建完成之后立即调用,挂载阶段还没开始 // mounted()挂载到实例上去之后调用 // destroyed()Vue实例销毁后调用