前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vueRouter-重定向和别名 原

vueRouter-重定向和别名 原

作者头像
tianyawhl
发布2019-04-04 15:28:03
5530
发布2019-04-04 15:28:03
举报
文章被收录于专栏:前端之攻略

1、重定向也是通过routes配置来完成,下面例子是从/a重定向到/b

     const router = new VueRouter({          routes: [         { path: '/a', redirect: '/b' }         ]      })

2、重定向的目标也可以是一个命名的路由      const router = new VueRouter({            routes:[                 {path:"/a",redirect:{name:"foo"}}            ]      })

3、甚至是一个方法,动态返回重定向目标:       const router = new VueRouter({            routes: [                  { path: '/a', redirect: to => {                    // 方法接收 目标路由 作为参数                   // return 重定向的 字符串路径/路径对象                }}           ]        })

4、别名    『重定向』的意思是,当用户访问 /a时,URL 将会被替换成 /b,然后匹配路由为 /b,那么『别名』又是      什么呢?

     /a 的别名是 /b,意味着,当用户访问 /b 时,URL 会保持为 /b,但是路由匹配则为 /a,就像用户访问      /a 一样。

     上面对应的路由配置为:

      const router = new VueRouter({           routes: [                  { path: '/a', component: A, alias: '/b' }           ]        })     『别名』的功能让你可以自由地将 UI 结构映射到任意的 URL,而不是受限于配置的嵌套路由结构。

(adsbygoogle = window.adsbygoogle || []).push({});

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档