命名视图

有时希望同时(同级)展示多个视图,而不会嵌套展示,例如创建一个布局,有 sidebar(侧导航) 和 main(主内容) 两个视图,这时可以使用命名视图,让这两个视图同时展示

可以在界面中拥有多个单独命名的视图,而不是只有一个单独的出口,如果 router-view 没有设置名字,默认为 default

 

一个视图使用一个组件渲染,对于同一个路由,多个视图就需要多个组件,确保正确使用 components 配置。

 

 

 

嵌套命名视图:

可以使用命名视图创建嵌套视图的复杂布局,这是需要命名用到的嵌套 router-view 组件

UserSetting.vue

 

router.js

 

posted @ 2021-01-04 14:45  shanlu  阅读(385)  评论(0编辑  收藏  举报