当某个显示在<router-view/>
位置的视图组件中也设计了<router-view/>
,则出现了<router-view/>
的嵌套,在配置路由时,需要使用嵌套路由!
在配置router/index.js
中的routes
数组时,数组元素即是一个个的路由对象,这些路由对象都是应用于App.vue
中的<router-view/>
的!如果需要某个视图显示在另一个视图的<router-view/>
中(例如添加相册的视图组件需要显示到HomeView
的<router-view/>
中),需在HomeView
的路由对象中配置children
属性,这个children
属性的配置方法与routes
完全相同!