1.需求說明：當我們在展示數據分頁的時候，跳轉到別的分頁，需要查看分頁數據的信息就會跳到另一個組件，這時候我們再點擊返回按鈕的時候，分頁會重置掉不會記錄我們選擇跳轉的分頁，而是返回到第一頁
2.我們查看第4頁的最后一條數據，這時候已經跳轉了路由，當我點擊返回的時候需要返回到第4頁，而不是跳到第一頁
3.這時候我們先使用生命周期，當組件更新的時候把跳轉的到第幾頁的數值存起來
updated() {
sessionStorage.setItem('page', this.query.page)
},
4.然后在，進入這個組件的時候取出來，這里在進入之前先判斷存的值為什么存在，不存在初始化，存在就到返回頁（這里為什么要這樣處理呢，因為我們還要跳到別的路由，去別的組件，這時候當然要把這個存的page值給清空了，不然跳到別的組件，然后在跳轉回來的時候還是會拉取存儲的分頁數據）
created() {
if (!parseInt(sessionStorage.getItem('page'))) {
this.query.page = 1
} else {
this.query.page = parseInt(sessionStorage.getItem('page'))
}
},
5.在什么時候移除呢這時候就用到了beforeRouterLeave 組件內的路由鈎子函數
beforeRouteLeave: (to, from, next) => {
if (to.path !== '/integral/detail') {
sessionStorage.removeItem('page')
}
next()
},
6.我們在詳情頁組件也要使用一下這個組件內的路由鈎子函數，判斷返回的路由，如果不是就移除了session
beforeRouteLeave: (to, from, next) => {
if (to.path !== '/integral/list') {
sessionStorage.removeItem('page')
}
next()
}