vue-router是一個用于Vue.js實現單頁面應用（SPA）的插件。它通過使用路徑來映射組件，使得在單頁應用中的組件之間切換變得非常的簡單。使用vue-router，我們可以定義路由和相應的處理函數，并通過程序或者用戶的交互來觸發頁面的切換。在實際應用中，我們有時需要在路由切換時進行一些額外的操作，比如未登錄狀態下自動跳轉登錄頁等，在vue-router中可以通過beforeEach導航守衛來實現。

beforeEach導航守衛是用于路由切換前的全局鉤子函數，它可以在路由切換前對目標路由進行攔截，然后根據一些條件進行處理，比如是否登錄等。如果需要跳轉到目標路由則調用 next 方法，否則該路由請求被中止。下面是一個簡單的例子：

router.beforeEach((to, from, next) => {
const isLogin = sessionStorage.getItem('token') ? true : false; 
if (to.path === '/login') {
next(); 
} else {
if (isLogin) {
next(); 
} else {
next('/login'); 
}
}
})

以上代碼使用了beforeEach導航守衛對路由進行了攔截，并且實現了在未登錄狀態下跳轉到登錄頁的功能。在執行路由切換前，beforeEach函數會先執行，to參數代表目標路由，from代表來源路由，next是一個方法，它需要在處理完當前路由后調用以執行下一個路由。我們先獲取了本地存儲中是否存在token信息，在目標路由是登錄頁的情況下，直接執行next方法，否則判斷當前是否已經登錄，如果已經登錄則執行next方法，否則將路徑跳轉到登錄頁。

總之，beforeEach導航守衛提供了非常重要的功能，可以在路由切換前進行權限校驗、登錄狀態檢測等操作，并根據實際需求進行處理和跳轉，為我們的應用增加了安全性和可靠性。