vue开发干货

[转] vue $route对象

2019-01-25  本文已影响5人  努力深耕Android的小透明

vue $route对象

$route.path
类型: string
字符串,对应当前路由的路径,总是解析为绝对路径,如 /foo/bar

$route.params
类型: Object
一个 key/value 对象,包含了动态片段和全匹配片段,如果没有路由参数,就是一个空对象。

$route.query
类型: Object
一个key/value 对象,表示 URL 查询参数。例如,对于路径/foo?user=1,则有 $route.query.user == 1,如果没有查询参数,则是个空对象。

$route.matched
类型:Array<RouteRecord>
一个数组,包含当前路由的所有嵌套路径片段的路由记录 。路由记录就是 routes 配置数组中的对象副本 (还有在 children 数组)。

const router = new VueRouter({
  routes: [
    // 下面的对象就是路由记录
    { path: '/foo', component: Foo,
      children: [
        // 这也是个路由记录
        { path: 'bar', component: Bar }
      ]
    }
  ]
})

URL/foo/bar$route.matched 将会是一个包含从上到下的所有对象 (副本)。

参考博客:
vue $route对象)

上一篇下一篇

猜你喜欢

热点阅读