Vue路由对象属性 .meta $route.matched详解

const router = new VueRouter({
 routes: [
  {
   path: '/foo',
   ponent: Foo,
   children: [
    {
     path: 'bar',
     ponent: Bar,
     // a meta field
     meta: { requiresAuth: true ,keepAlive:true}//1.权限 2.内存缓存，单页面切换
    }
   ]
  }
 ]
})

  //一级路由 
  {
   path: '/foo',
   ponent: Foo,
   children: [
    {
     path: 'bar',
     ponent: Bar,
     // a meta field
     meta: { requiresAuth: true ,keepAlive:true}//1.权限 2.内存缓存，单页面切换
    }
   ]
  }
 
 
//一级路由的子路由
 
  { path: 'bar',ponent: Bar,meta: { requiresAuth: true ,keepAlive:true } }
 
 
//两者都是  路由记录

router.beforeEach((to, from, next) => {
 if (to.matched.some(record => record.meta.requiresAuth)) {
  // this route requires auth, check if logged in
  // if not, redirect to login page.
  if (!auth.loggedIn()) {
   next({
    path: '/login',
    query: { redirect: to.fullPath }
   })
  } else {
   next()
  }
 } else {
  next() // 确保一定要调用 next()
 }
})