乐趣区

Vue的路由对象

1. 一个路由对象(route object)表示当前激活的路由的状态信息,包含了当前 URL 解析得到的信息,还有 URL 匹配到的路由记录(route records)。

2. 路由对象是不可变的,每次成功的导航都会产生一个新的对象。

3. 路由出现的地方有以下几个(慢慢熟悉):


  • 在组件内,即 this.$route;
  • 在 $route 观察者回调内;
  • router.match(location) 的返回值;
  • 导航守卫的参数:

           router.beforeEach((to, from, next) => {// to 和 from 都是路由对象})
  • scrollBehavior 方法的参数:

            const router = new VueRouter({scrollBehavior (to, from, savedPosition){// to 和 from 都是路由对象}
           })
    

4. 路由对象属性:

  • $router.path string 类型,对应当前路由的路径,总是解析为绝对路径,如 ”/man/tom”
  • $router.params object 类型,一个 key/value 对象,包含了动态片段和全匹配片段,如果没有路由参数,就是空对象
  • $router.query object 类型,一个 key/value 对象,表示 URL 查询参数。例如,对于路径 /
  • 列表项目
  • 列表项目
  • 列表项目
  • 列表项目
退出移动版