第十一课 命名视图1
需积分: 0 93 浏览量
2022-08-03
17:26:16
上传
评论
收藏 212KB PDF 举报
学习前端，最快的进步是持续！
第十一课 命名视图
学习目录
命名视图介绍与用法
一．命名视图介绍与用法
一般来说，<router-view>来渲染组件的内容基本是唯一的，也就是说组件的内容是固
定的。不过有些时候会有特殊情况，比如说我们需要在一个路由中为不同组件设定不同的区
域，最简单的理解是一个页面中有导航区域、底部区域、中间内容区域。这时候就需要不同
组件显示在不同区域了。因此命名视图可以来指定组件渲染到指定区域中。
{
path: '/',
name: 'Index',
components : {
default : Index,
nav: Nav,
footer : Footer
}
}
<router-view name="nav"></router-view>
<router-view><router-view/>
<router-view name="footer"></router-view>
萌新小白爱学习
- 粉丝: 16
- 资源: 311
评论0