(九)路由别名
路由 别名
2023-06-13 09:17:09 时间
路由别名,给不同路径渲染同一组件
说明
我们有时候需要用不同的名字来渲染相同的组件,这个时候就需要用到路由别名
了
- 都渲染成根路由
- 通过
alias
来设置别名
{
path: '/',
// 这里有参数,别名也需要有参数
path: '/:postsId',
component: BlogListPage,
// 可以设置单个
alias: '/posts'
// 也可以通过数组形式设置多个
alias: ['/posts', '/blogs']
// 如果path中有参数,别名中也需要有,否则就会获取不到
alias: '/posts/:postsId'
// 子路由也是同样的配置
children: [{
path: ':usersId',
component: UsersDetailsPage,
alias: 'details/:usersId'
}]
}
总结:写在最后
总结
别名的是作用是,使多个路径可以使用同一个组件
相关文章
- N1安装OpenWtr软路由系统
- 深入flask路由,你也能当架构师!
- 思科 H3C | Vlan间路由[实验]
- 路由懒加载的原理及实现_前端路由懒加载
- 静态路由汇总的方法
- 微擎TP6.0框架 微擎版、独立版 路由通用生成方法
- 主路由和二级路由设置同一局域网
- vue嵌套路由子路由 path 注意
- Vue模块化开发使用路由
- 华为核心路由及交换机console密码
- Xepor:一款针对逆向工程和安全分析的Web路由框架
- 重启Linux路由,再次让网络活跃(linux路由重启)
- vue2.0路由嵌套详解编程语言
- Linux实现路由功能:一种新的选择(linux做路由器)
- Linux系统下增加默认路由的方法(linux增加默认路由)
- Linux缺省路由:管理网络安全的关键一步(linux 缺省路由)
- Phpbean路由转发的php代码
- wordpress自定义url参数实现路由功能的代码示例