vue-router

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

posted on 2018-06-28 16:22  瑶哥哥可真帅啊!  阅读(143)  评论(0编辑  收藏  举报