頁面刷新時, vue執行的生命周期鈎子
依次執行當前頁面vue組件的beforeCreate, created, beforeMount, mounted, beforUpdate, updated
頁面后退時, vue執行的生命周期鈎子
假設從b頁面后退到a頁面
依次執行a頁面vue組件的beforeCreate, created, beforeMount, 然后是b頁面組件的beforeDestroy, destroyed, 最后是執行a頁面vue組件的mounted, beforUpdate, updated
頁面前進時, vue執行的生命周期鈎子
假設從a頁面到b頁面
依次執行b頁面vue組件的beforeCreate, created, beforeMount, 然后是a頁面組件的beforeDestroy, destroyed, 最后是執行b頁面vue組件的mounted, beforUpdate, updated
頁面關閉時, vue執行的生命周期鈎子
直接點擊瀏覽器標簽關閉頁面, 不執行任何生命周期鈎子, 如果要在頁面關閉前做點事情(例如保存數據),
可以給頁面綁定beforeunload或unload事件, 在事件中編寫邏輯
來自JS原生的事件
beforeunload 在即將離開當前頁面(刷新或關閉)時執行
unload 當用戶關閉一個頁面時執行