13.对Main的内容进行路由设置

实现首页路由的重定向

先写一个welcome.vue,用作重定向的组件

<template>
  <div>
    <h3>Welcome</h3>
  </div>
</template>

设置home页面重定向

 {
    path: '/home',
    component: Home,
    redirect: '/welcome',
    children: [{
      path: '/welcome',
      component: Welcome
    }]
  }

页面链接会跳转到/welcome，但是此时的页面内容没有发生任何变化，仍然是Home.vue中的内容

所以，此时就需要在Home.vue中添加路由占位符，这样，<el-main></el-main>内容就会指向/home的子路由组件Welcome.vue了。

<el-main>
  <!-- 路由占位符 -->
  <router-view></router-view>
</el-main>