uni-app應用生命周期
uni-app部分頁面生命周期
vue生命周期(注:這也是Uniapp組件的生命周期)
uni-app頁面生命周期與vue生命周期的對比
頁面加載過程
加載 -> 顯示 -> 加載完成 -> 頁面隱藏 -> 頁面卸載
uni-app頁面加載過程
onLoad:監聽頁面加載 -> onShow:監聽頁面顯示 -> onReady:監聽頁面初次渲染完成 -> onHide:監聽頁面隱藏 -> onUnload:監聽頁面卸載
vue頁面加載過程
created:實例被創建后執行 -> beforeMount: 實例被掛載之前執行 -> mounted:實例掛載完成后執行 -> updated:頁面更新后執行 -> beforeDestroy:頁面銷毀前執行
根據以上對比:建議:
1、uni-app的頁面生命周期僅在page頁面有效,而單獨封裝的組件中【頁面周期無效】,但是Vue的生命周期依然有效 【Vue的生命周期在任何地方都是有效的,即你仍然可以在uni-app項目中使用Vue生命周期,但是不建議這么做】
2、推薦使用uni-app里面的onLoad 代替 vue 里面的 created
3、推薦使用uni-app里面的onReady 代替 vue 里面的 mounted
4、uniapp的子組件里是沒有onLoad,onReady等頁面生命周期,要使用created,mounted等Vue生命周期
uni-app生命周期
https://uniapp.dcloud.io/frame?id=生命周期