Uni-App 中常用的生命周期

生命周期一個可分為三種：應用生命周期，頁面生命周期，組件生命周期

// 1.應用生命周期app.vue
//onLaunch只能在app.vue
onLaunch: function () {
      //登陸 全局變量
    },
    onShow: function () {
    },
    onHide: function () {
    }

//其中onLaunch應用初始化完成觸發一次，全局只觸發一次；

//onShow 應用啟動的時候，或者從后台進入前台會觸發；

// onHide 應用從前台進入后台觸發

    //   2.頁面生命周期index.vue

    onLoad() {
    },
    onReady() {
      //如果渲染速度快，會在頁面進入動畫完成前觸發
    },
    onShow() {
    },
    onHide() {
    },
    onUnload() {
    }

// 其中,
// onLoad()監聽頁面加載；

// onReady()監聽頁面的初次渲染完成

// onShow()監聽頁面顯示

// onHide()監聽頁面隱藏

// onUnload()監聽頁面卸載

 

// 3.組件的生命周期
    // components里的vue

    beforeCreate() {
    },
    created() {
    },
    mounted() {
    },
    destroyed() {
    }

    // 其中
    // beforeCreate() 在實例初始化之后，數據觀測（data observer）和event/watcher事件配置之前被調用

    // created()實例創建完成之后立即調用，掛載階段還沒開始

    // mounted（）掛載到實例上去之后調用

    // destroyed（）Vue實例銷毀后調用