vue-router中route、routes和router的区别

1.route

route一般用来获取页面信息的,$route.meta, $route.params, $route.path, $route.query

2.routes

我们配置路由的时候:是这样的

const router = new  VueRouter({
routes:{
   {
      path: '/login',

      component: () => import('../views/login/login.vue')
   }  
  }

})

 或者是下面这种 

const routes =[

{
      path: '/login',

      component: () => import('../views/login/login.vue')
   }  

] 

 有时候我们会把静态路由和动态路由合并到routes数组里面,比如 routes:[...静态路由, ...动态路由],这时候我们通过this.$router.options.routes就可以拿到routes里面的对象,也就是拿到每一个

{
      path: '/login',

      component: () => import('../views/login/login.vue')
   }  

总结下它的用法: 可以拿到路由的配置项信息

3.router

router是挂载到了vue实例上,它的用法主要是 代码里面: this.$router.push   this.$router.replace

路由导航守卫 router.beforeEach  router.afterEach