1、this.$router可以在任何组件内通过此访问路由器;
this.$route访问当前路由
2、$route.params
一个路由中设置多段“路径参数”,对应的值会设置到$route.params中
3、嵌套路由
借助vue-router,使用嵌套路由配置
<router-view>渲染最高级路由匹配到的组件
一个呗渲染的组件可以包含自己的嵌套<router-view> (要在嵌套的出口中渲染组件,在Router的参数中使用children)
4、以/开头的是根路径
5、编程式导航
在Vue实例内部可以通过$router访问路由实例,可以调用this.$router.push
想导航不同的url,使用router.push (可以回退)
声明式导航:<router-link :to="..."> 编程式导航:router.push(...)
router.push('home')//字符串
router.push({path:'home'})//对象
router.push({name:'user',params:{userId:123}})//命名的路由
router.push({pahe:'register',query:{plan:'private'}})//带查询参数,变成/register?plan=private