微信小程序：生命周期及WXS脚本

最新推荐文章于 2024-08-23 13:00:00 发布

孤安先生

最新推荐文章于 2024-08-23 13:00:00 发布

阅读量1.4k

点赞数 22

分类专栏：全栈开发学习日记 # 第十二章：微信小程序文章标签：微信小程序小程序前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_41952539/article/details/140469107

版权

生命周期

小程序生命周期分为应用生命周期、页面生命周期和组件生命周期。

应用生命周期

小程序应用生命周期写在 app.js 入口文件中。

生命周期	说明
onLaunch	小程序初始化完成时，只触发一次
onShow	小程序启动或从后台进入前台
onHide	小程序从前台进入后台

App({
   
    // 初始化完成
    onLaunch() {
   
        ...
    },
        
    // 进入前台
    onShow() {
   
        ...
    },
        
    // 进入后台
    onHide() {
   
        ...
    }
})

页面生命周期

页面生命周期写在 .js 中的 Page() 中。

生命周期	说明
onLoad	监听页面加载，一个页面只执行一次
onReady	监听页面初次渲染完成，一个页面只执行一次
onShow	监听页面显示
onHide	监听页面隐藏
onUnload	监听页面卸载

Page({
   
    // 生命周期函数--监听页面加载
    onLoad(options) {
   
        // 上个页面传递过来的参数
        console.log(options);
    },
    // 生命周期函数--监听页面初次渲染完成
    onReady