關於uniapp 和vue 生命周期的執行順序

App.vue  頁面周期

onShow: function() {//當 uni-app 啟動，或從后台進入前台顯示
            console.log('App Show')
},

onLaunch:function(){//當uni-app 初始化完成時觸發（全局只觸發一次）

           console.log('App onLaunch')

}

頁面中的生命周期函數:

onReady(){//監聽頁面初次渲染完成。注意如果渲染速度快，會在頁面進入動畫完成前觸發
            console.log('onReady');            
 },
created() {//vue生命周期  頁面創建時調用
            console.log('created');
},
onShow(){//監聽頁面顯示。頁面每次出現在屏幕上都觸發，包括從下級頁面點返回露出當前頁面
            console.log('onShow');
 },
onLoad() {//監聽頁面加載，其參數為上個頁面傳遞的數據，參數類型為Object（用於頁面傳參

             console.log('onLoad');

 },
mounted() {//vue 生命周期 ,html掛載的時候 調用
            console.log('mounted');
},

執行順序的如下:

總的來說頁面上的執行順序 是先根據 vue 的created 最先執行 其次則是 小程序中的onLoad,