乐趣区

关于vue.js:Vue初试水四

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

退出移动版