动态路由

180 阅读1分钟

一. react

根据权限构建动态路由树

<Switch>
  <Route exact path="/" component={Header}></Route>
  <Route path="/dashboard" component={Footer}></Route>
</Switch>

二. vue

根据权限动态添加路由

router.addRoutes((routes: Array<RouteConfig>))

动态路由匹配

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

const router = new VueRouter({
  routes: [
    // 动态路径参数 以冒号开头
    { path: '/user/:id', component: User }
  ]
})