在设置vue的路由时,有时候会出现一个组建中设置多个<router-view/>
可以通过<router-view>指定name属性来区分router-view,不写名字默认为default。
<div>
<h1>User Settings</h1>
<NavBar/>
<router-view/>
<router-view name="helper"/>
</div>
设置路由:
{
path: '/home',
// 你也可以在顶级路由就配置命名视图
component: home,
children: [{
path: 'a',
component: UserProfilePreview
}, {
path: 'b',
components: {
default: UserProfile,
helper: UserProfilePreview
}
}]
}