Java教程

Uni-app 生命周期

本文主要是介绍Uni-app 生命周期,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

【应用生命周期】

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

【onLanch】 初始化完成时触发

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

【onHide】从前台进入后台

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

【onError】报错时触发

【onPageNotFound】页面找不到时

 

 

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

 

注意:

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

 

【页面生命周期】

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

methods: {
            onl oad(){
                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("页面返回");
            }
        }

 

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

 

这篇关于Uni-app 生命周期的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!