1. 程式人生 > 實用技巧 >關於uniapp 和vue 生命週期的執行順序

關於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,