關於uniapp 和vue 生命週期的執行順序
阿新 • • 發佈:2020-10-21
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,