Uni-app 生命周期

时间：2022-05-27 21:18:01 收藏：0 阅读：16

【应用生命周期】

Uni-App支持的应用生命周期函数如下：

【onLanch】初始化完成时触发

【onShow】启动，或从后台进入前台

【onHide】从前台进入后台

【onUniNViewMessage】对nvue页面发送数据进行监听

【onError】报错时触发

【onPageNotFound】页面找不到时

具体的操作可以在App.Vue的脚本里面去编辑，自定义这些函数

注意：

在微信开发者工具中打开项目的时候，要将项目路径切换到/unpackage/dist/dev/mp-weixin。

【页面生命周期】

在自定义的HelloWorld.vue上声明一些方法

methods: {
            onLoad(){
                console.log("加载完成");
            },
            onShow(){
                console.log("展示");
            },
            onReady(){
                console.log("渲染完成");
            },
            onHide(){
                console.log("隐藏");
            },
            onPageScroll(){
                console.log("页面滚动");
            },
            onShareAppMessage(){
                console.log("点击分享");
            },
            onShareTimeline(){
                console.log("分享到朋友圈");
            },
            onAddToFavorites(){
                console.log("收藏");
            },
            onUnload(){
                console.log("页面关闭");
            },
            onBackPress(){
                console.log("页面返回");
            }
        }

做相应操作就会触发事件。

原文：https://www.cnblogs.com/AduBlog/p/15350683.html