VUE是一種基于組件的前端框架，它將DOM和數據綁定起來，讓開發者可以更高效地管理UI。在Vue中，我們可以通過組件的方式將代碼分離成小模塊，使得項目更容易維護和復用。

在Vue應用中，用戶不斷點擊操作觸發路由跳轉，或者執行前進后退操作，我們通常會遇到這樣的問題：用戶退回到歷史記錄中的某個頁面，然而這個頁面卻不能自動刷新。這是因為瀏覽器在前進后退時只會記錄當前頁面的HTML，而不會重新加載這個頁面所需的CSS和JS等靜態資源，導致頁面顯示不完整或樣式缺失。

為了解決這個問題，Vue提供了兩種方法：

1. keep-alive緩存組件

keep-alive是Vue提供的一個抽象組件。在應用中使用keep-alive包裹需要緩存的組件，可以把這些組件緩存下來，當用戶觸發前進或后退操作，這些組件會被還原出來，保持之前狀態不變，并且不會重新渲染。 這個方法的好處是只有首次加載需要下載靜態資源，之后的請求可以在緩存中處理，提高了頁面的渲染速度。

// 使用keep-alive包裹需要緩存的組件

2. watch路由

Vue提供了$route對象，它包含當前路由的信息，用來監控路由變化。我們可以使用watch來監聽$route的變化，一旦路由變化，就可以手動調用頁面重新渲染的方法，來刷新頁面。這個方法的缺點是需要重新渲染頁面，會增加服務器的負擔。

// watch $route 路由映射改變，重新執行 render 函數 
watch: {
'$route': function() {
this.$forceUpdate();
}
}

無論使用那種方法，我們都需要在Vue實例中修改router的mode屬性，將其設置為history模式，這樣就可以實現前端路由的管理了：

const router = new VueRouter({
mode: 'history', // 啟用history模式 
routes: [...]
})

總之，Vue提供了很多方便的解決方案來解決前端路由后退的問題。不管是使用keep-alive還是watch路由，都能夠避免頁面顯示不完整或者樣式缺失等問題。當然，在實際應用中選擇哪種方案也需要根據項目需求進行靈活選擇。