導(dǎo)航守衛(wèi)主要分為三種：

1. 全局前置守衛(wèi)：使用 router.beforeEach 注冊(cè)，作用是在路由切換開始前進(jìn)行攔截和處理，可以用來(lái)進(jìn)行一些全局的權(quán)限校驗(yàn)、登錄狀態(tài)檢查等操作。

2. 全局解析守衛(wèi)：使用 beforeResolve 注冊(cè)，作用是在導(dǎo)航被確認(rèn)之前，同時(shí)在所有組件內(nèi)守衛(wèi)和異步路由組件被解析之后，進(jìn)行一些操作。

3. 全局后置鉤子：使用 afterEach 注冊(cè)，作用是在導(dǎo)航成功完成后進(jìn)行一些全局的清理操作，比如頁(yè)面的埋點(diǎn)統(tǒng)計(jì)、日志記錄等。

這些導(dǎo)航守衛(wèi)適用于需要在路由切換過(guò)程中做一些額外處理的情況，比如權(quán)限控制、頁(yè)面加載前后的操作等。

以下是一個(gè)簡(jiǎn)單的示例代碼：

const router = new VueRouter({routes: [{path: '/admin',component: Admin,beforeEnter: (to, from, next) => {// 在進(jìn)入 /admin 路由前進(jìn)行權(quán)限校驗(yàn)if (user.isAdmin) {next(); // 確認(rèn)跳轉(zhuǎn)} else {next('/login'); // 重定向到登錄頁(yè)面}}}]
});router.beforeEach((to, from, next) => {// 在每次路由切換前進(jìn)行全局的攔截處理，比如檢查登錄狀態(tài)if (to.meta.requiresAuth && !user.isAuthenticated) {next('/login');} else {next();}
});router.afterEach((to, from) => {// 在每次路由切換后進(jìn)行全局的清理操作，比如頁(yè)面埋點(diǎn)統(tǒng)計(jì)trackPageView(to.path);
});

以上示例展示了如何使用全局前置守衛(wèi)、全局解析守衛(wèi)和全局后置鉤子對(duì)路由進(jìn)行攔截、處理和清理操作。這些導(dǎo)航守衛(wèi)能夠幫助我們?cè)诼酚汕袚Q時(shí)進(jìn)行額外的控制和操作。