1、导航栏路由应用
router属性必须要加上,能力应用vue自身的路由

如果要应用data中传入的值,则在el-menu-item中index属性的应用就变成:index的写法,如果间接应用index,则是无奈应用data中的值

如果不必data中的值而间接固定写的话,就是属性写法,间接把:干掉,index自带属性来写:

2、在Vue中进行分层布局
1、首先先把局布筹备工作安排好,先有个型

2、之后引入要安排的场面的页面,在对应的地位进行摆放:

<index></index>

<headerOne></headerOne>

3、<router-view/>这个标签很要害,就是你在本页面援用的路由到底怎么显示,通过这个能够让其显示在main区域

子页面的main

这里不得不阐明,对于二级路由的配置,如果要显示在firstpage的main外面,则对于其下的所有路由都要配置到其子(children)外面:

也就是APP.vue中搞得是route-view是一级路由,如果没有在谁的children外面则间接显示在这:

所以在main外面配置的route-view要显示内容,则要在路由表中将其画在本页面的子外面,则跳转显示后,就会到子路由中。