Uni-app——生命周期

简介

  分为:应用、组件、页面的生命周期

 

应用

  在App.js,定义应用生命周期:

    加载,显示,隐藏

        onLaunch: function() {
            // 登录处理,全局变量
            console.log('App Launch')
        },
        // 应用显示执行或应用调到前台执行
        onShow: function() {
            console.log('App Show')
        },
        // 应用调到后台执行
        onHide: function() {
            console.log('App Hide')
        }            

 

   在页面object里定义页面生命周期:

        onl oad(option) {
            // 页面加载执行
            this.id=option.id;
            this.name=option.name;
            console.log("onload")
        },
        onReady() {
            // 页面渲染执行
            console.log("ready")
        },
        onShow(){
            // 页面展示执行
            console.log("show")
        },
        onUnload(){
            // 页面卸载执行
            console.log("unload");
        },
        onHide() {
            // 页面隐藏执行
            console.log("hide");
        }    

 

可见:都要加载,显示,隐藏。页面多了渲染和卸载

  

上一篇:painter绘制卡通风格的音乐情侣


下一篇:uni-app获取DOM元素