Vue中的AfterEach方法提供了一種方便的方式，在每個路由完成時執行一些自定義操作。當一個路由完成后，會在路由后通過回調函數獲取一些路由的相關信息，包括之前的路由、當前的路由等等。這使得開發者可以輕松地在路由變化的同時輕松地進行一些操作。

在Vue中，AfterEach方法需要傳遞一個函數作為參數。這個函數會在路由完成后被調用。這個函數會帶有如下信息：

{
to: Route, // 即將要進入的目標路由對象
from: Route // 當前導航正要離開的路由
}

在這個回調函數中開發者可以訪問許多有用的屬性，例如路由信息和傳遞的參數。開發者可以使用這些屬性來做自己的工作，例如記錄路由歷史記錄、在需要時清除某些狀態等。下面是一個例子，描述了如何使用AfterEach方法來記錄路由歷史記錄。

router.afterEach((to, from) =>{
const history = localStorage.getItem('routerHistory') || '';
const newHistory = `${history}${from.path}|`;
localStorage.setItem('routerHistory', newHistory);
});

上面的代碼使用了localStorage存儲了整個應用程序的路由歷史記錄。鉤子函數接收一個to和from參數（正如我們之前看到的）。我們在這里只關注from參數，并提取出該參數的path屬性。我們然后將這個屬性添加到歷史記錄中，使用“|”作為分隔符。

這是一個非常簡單的例子，它演示了如何使用AfterEach方法來執行一些自定義操作。當然，這并不是所有可能性。在實際開發中，你可能需要處理其他的一些任務。它們可能包括簡化路由，管理應用的狀態，記錄應用使用情況等等?？偟膩碚f，在Vue中使用AfterEach方法非常簡單，同時還可以實現許多不同的任務。