vue3+ts實(shí)現(xiàn)動(dòng)態(tài)權(quán)限管理

核心要點(diǎn):
設(shè)計(jì)好路由和匹配規(guī)則
路由分為常態(tài)路由和動(dòng)態(tài)路由
按照約定的規(guī)則進(jìn)行比對(duì)得到需要加入的動(dòng)態(tài)路由
合成完整的路由表
核心代碼如下:
一、路由router/index.ts
二、先編寫兩個(gè)工具方法完成遞歸比對(duì)
三、使用pinia存儲(chǔ)數(shù)據(jù)
四、前置路由守衛(wèi)里面進(jìn)行判斷使用
五、登錄頁面
六、渲染菜單
七、別忘了再main.ts中引入