也可以用 beforeEach 和afterEach

官方文檔

你大概是想知道前端鑒權(quán)這個(gè)功能怎么實(shí)現(xiàn)吧，實(shí)際上路由表都是定義好的，掛在狀態(tài)樹(shù)上實(shí)時(shí)添加，沒(méi)有權(quán)限就不添加這條路由，權(quán)限和具體菜單目錄都需要從后端接口獲取數(shù)據(jù)，你可以看看這篇文章
https://www.jianshu.com/p/3ea...

給你提供一個(gè)思路參考：你根本不需要?jiǎng)討B(tài)添加路由，所有路由都添加好，展示菜單用接口用后端拿就ok了

• 首先，你說(shuō)的權(quán)限控制，實(shí)際開(kāi)發(fā)肯定是會(huì)涉及到的，舉個(gè)栗子，你開(kāi)發(fā)一個(gè)商城項(xiàng)目，用戶沒(méi)登錄，是不是不能查看個(gè)人中心相關(guān)的頁(yè)面？這就是最簡(jiǎn)單的一個(gè)權(quán)限控制。
• 然后你說(shuō)的動(dòng)態(tài)添加子路由，不是你想的那樣直接添加到vue-router對(duì)象里面，而是像這樣

const User = {
  template: '<div>User</div>'
}

const router = new VueRouter({
  routes: [
    // 動(dòng)態(tài)路徑參數(shù) 以冒號(hào)開(kāi)頭
    { path: '/user/:id', component: User }
  ]
})

用動(dòng)態(tài)參數(shù)來(lái)控制的。出自官網(wǎng)