vue-router如何重定向?

答:使用redirect进行重定向

  1. routes:[{ path: '/a', redirect: '/b' }]

vue-router有哪些组件?

答:router-linkrouter-view

active-class 是哪个组件的属性?

答:router-link组件

怎么定义 vue-router 的动态路由? 怎么获取传过来的值?怎么获取当前的路由信息?

答:在router目录下的index.js文件中,对path属性加上/:id。 使用router对象的params.id。使用this.$router获取当前的路由信息。

vue-router钩子函数有哪些?

导航守卫

  1. beforeEach:全局前置守卫

    to: 即将要进入的目标 from: 当前导航正要离开的路由

  2. beforeResolve:全局解析守卫

  3. afterEach:全局后置钩子

    组件守卫

  • beforeRouteEnter
  • beforeRouteUpdate
  • beforeRouteLeave

    $route 和 $router 的区别是什么?

    答:$router是VueRouter的实例,在script标签中想要导航到不同的URL,使用$router.push方法。返回上一个历史history用$router.to(-1)

$route为当前router跳转对象。里面可以获取当前路由的name,path,query,parmas等。