前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >(九)路由别名

(九)路由别名

作者头像
老怪兽
发布2023-02-22 18:33:56
发布2023-02-22 18:33:56
1.3K00
代码可运行
举报
运行总次数:0
代码可运行
路由别名,给不同路径渲染同一组件

说明

我们有时候需要用不同的名字来渲染相同的组件,这个时候就需要用到路由别名

  • 都渲染成根路由
  • 通过 alias 来设置别名
代码语言:javascript
代码运行次数:0
复制
{
  path: '/',
  // 这里有参数,别名也需要有参数
  path: '/:postsId',
  component: BlogListPage,
  // 可以设置单个
  alias: '/posts'
  // 也可以通过数组形式设置多个
  alias: ['/posts', '/blogs']
  // 如果path中有参数,别名中也需要有,否则就会获取不到
  alias: '/posts/:postsId'
  // 子路由也是同样的配置
  children: [{
    path: ':usersId',
    component: UsersDetailsPage,
    alias: 'details/:usersId'
  }]
}
总结:写在最后

总结

别名的是作用是,使多个路径可以使用同一个组件

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年11月13日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 路由别名,给不同路径渲染同一组件
  • 总结:写在最后
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档