vue-router实现首页路由的重定向效果

1. 效果如下：需要在home界面的main区域显示一个welcome界面
   
   -这里涉及到子组件
   -welcome是home的子组件

2. 新建Welcome.vue组件：components目录下
   

3. 注册组件路由
   
   当访问home的时候，直接重定向到welcome

4. welcome组件占位
   
   将home中的main主体放置路由占位符

   • 问题：当访问/home的时候重定向到/welcome，那不是只显示个welcome文字？
   • 其实不是，因为welcome是home的子组件，所以即使重定向到welcome，也不仅仅显示welcome
   • welcome是属于home的一部分（main右侧区域）
   • 所以要显示子组件，肯定是连着父组件一起显示
   • 所以welcome要显示，肯定home也会显示
   • 那么访问/home的时候重定向/welcome，只是让显示home的时候，main区域默认显示welcome。