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("页面返回");
            }
        }

 

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

 

上一篇:app毕业设计 基于uni-app框架商城app、图书商城app毕设题目课题选题作品(1)app界面和功能


下一篇:写好的vue项目怎么打包成uniapp形式