页面的生命周期函数

注册小程序中的一个页面。指定页面的生命周期函数

页面的生命周期函数

我们在news页面中的news.js文件中去增加这些生命周期函数

xxxxxxxxxx
Page({
    data:{
        message:""
    },
    onLoad(options) {
        console.log("页面加载");
        const appInstance = getApp()
        this.setData({
            message:appInstance.globalData.userInfo
        })
    },
    onShow() {
        console.log("页面显示");
    },
    onReady() {
        console.log("页面初次渲染完成");
    },
    onHide() {
        console.log("页面隐藏");
    },
    onUnload() {
        console.log("页面卸载");
    }
})

生命周期函数的作用

在不同的生命周期函数，根据业务需求，可以增加业务。例如：我们可以在 onShow 函数中修改data中的数据

xxxxxxxxxx
Page({
    data:{
        hello:"hello"
    },
    onShow() {
        this.setData({
            hello:"大家好"
        })
    }
})

温馨提示

目前我们需要记忆这些生命周期函数，在后续的学习中，我们会不间断的使用。大家自然了解他了

实时效果反馈

1. 在小程序中，页面隐藏会触发的生命周期函数是：

A onLoad

B onShow

C onReady

D onHide

答案

1=>D