当前位置: 首页 > Web前端 > vue.js

Vue-First试水(四)

时间:2023-03-31 18:41:27 vue.js

1.导航栏路由必须加上router属性才能使用vue自身的路由。如果要使用data中传入的值,那么在el-menu-item中的index属性中如果直接使用index,则不能使用data中的值。如果不使用data中的值,直接写,就是属性写法。直接删掉:并写上自己的属性:2.Vue中的分层布局1.先把布局准备工作先安排好,先有一个样式2.然后引入要安排的情况的页面,放在相应的位置:3、标签很重要,就是你在这个页面引用的路由怎么显示。通过这个,它可以显示在主区域的子页面上。main这里要说明一下,对于二级路由的配置,如果要显示在第一页的main中,其下的所有路由都必须在其children中进行配置:即route-view中的route-viewAPP.vue是一级Routing,如果不在任何人的children中,会直接显示在这里:所以如果main中配置的route-view要显示内容,必须在这个page的sub中绘制在路由表中,显示跳转后,会转到子路由。