vue 父子路由

一、遇到的问题

有多个页面样式均不同，如登录页，和首页。。。

首页   有header,body和footer 三块组成，其中header和footer 可以共用

登录页   是 独立的页面，与首页不同

我如何通过路由 区别登录页和首页，首页能否通过路由只改变body块，已达到访问不同页面的目的？

 

二、父子路由

登录页

首页---|- index页面

　　　|- list 页面

 

路由文件

 

login 页面

 

home 父路由页面

 

/home/index 页面

 

 /home/list

 

三、效果