先來引出一下遇到的問題：在做一個移動端支付頁面，在付款頁面點擊支付按鈕，支付失敗時跳轉至支付失敗提示頁面；支付成功時跳轉至支付成功頁面。在支付成功頁面下，如果用戶點擊手機自帶的“返回”鍵，就又會跳轉至支付頁面，這時，如果用戶在不知情的情況下又點擊了支付按鈕，就會產生重復支付的情況 ...

vue 或者iview的框架里有個方法：需要刷線當前組件頁面，不用刷線整個頁面：網上有很多方法，但是不好使，都是刷新整個頁面的方法，最終自己找到了方法，很好用： vue實現無刷新加載數據，使用的技術是依賴注入 關鍵字為provide inject在App.vue中 ...

花了整整一周時間，嘗試過很多種方法，終於找到了最佳的解決方案（對我來說最佳），為了祭奠逝去的一周，也為了釋放激動的情緒，現在不得不寫篇博客了。 直接上重點： 第一步： //在APP.vue里面寫上keepalive，可以實現緩存（keep-alive是什么？查看官方文檔 ...

vue 路由如何回退指定頁面： 一般頁面跳轉記錄 a => b，想從 b 退回 a 如果頁面跳轉記錄 a => b => c，想從 c 一步退回 a 如果頁面跳轉記錄 a => b => c => b，頁面的堆棧記錄 ...

this.$router.go(0); 頁面刷新 location.reload(); ...

情景： 在進行正常頁面跳轉操作后（頁面A跳轉到頁面B），點擊瀏覽器的左上角的‘后退’按鈕，點擊后，可以看到url地址已經發生了變化（url由頁面B變為頁面A），hash值也已經是上一頁的路由，但是瀏覽器顯示的內容卻沒有發生變化（依舊是頁面B） 沒有任何報錯（頁面A和頁面B無任何js錯誤 ...

...

出現這種情況是因為依賴路由的params參數獲取寫在created生命周期里面,因為相同路由二次甚至多次加載的關系 沒有達到監聽，退出頁面再進入另一個文章頁面並不會運行created組件生命周期，導致文章數據還是第一次進入的數據。 解決方法：watch監聽路由是否變化 ...