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要显示内容,则要在路由表中将其画在本页面的子里面,则跳转显示后,就会到子路由中。

03-05 21:07