Vue router2.0

import router from './router'
/* eslint-disable no-new */
new Vue({ 
   
  el: '#app',
  store,
  router,
  components: { 
   
    App
  },
  template: '<App/>'
})

<transition>
  <keep-alive>
    <router-view></router-view>
  </keep-alive></transition>

我们对路由的嵌套
const routes = [
  { 
   
    path: '/user/:id',
    component: User1,
    children: [
      { 
   
        path: 'profile',
        component: UserProfile,
      },
      { 
   
        path: 'posts',
        component: UserPosts,
      },
    ],
  },
]
$route.params.id获取参数

// 路由特有的守卫 to进入from 出去 next下一步
router.beforeEach((to, from, next) => { 
   
  if (to.name !== 'Login' && !isAuthenticated) next({ 
    name: 'Login' })
  next()
})
beforeRouteEnter (to, from, next) { 
   
}const UserDetails = { 
   
  template: `...`,
  beforeRouteEnter(to, from) { 
   
  },
  beforeRouteUpdate(to, from) { 
   
  },
  beforeRouteLeave(to, from) { 
   
  },
}