Vue笔记（十五）—— Vue 结合router文档实现登录页跳转首页，同级和子级视图组件替换

1.router声明（index.js）增加登录拦截，同时更新路由嵌套，更新部分代码如下：

export default new Router({
   
  routes: [
    // HelloWorld
    {
   
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld,
    },
    // 登录
    {
   
      path: '/login',
      name: 'Login',
      components: {
   
        main: Login,
        // content:null,
      },
    },
    // 主页面
    {
   
      path: '/main',
      name: 'Main',
      components: {
   
        main: Main,
        // content:null,
      },
      children: [
        // 系统管理
        {
   
          path: '/user/list',
          name: 'SystemUserList',
          components: {
   
            main: Main,
            content: UserList,
          },
          meta: {
   
            requireAuth: true, // 判断是否需要登录
          },
        },
        // 角色管理
        {
   
          path: '/role/list',
          name: 'SystemRoleList',
          components: {
   
            main: Main,
            content: RoleList