- 當(dāng)需要在同一層級下同時(shí)展示多個(gè)視圖時(shí)，需要添加新的
router-view并新增name屬性指定名字，然后在路由配置項(xiàng)需要同級展示的路由中添加新的路由組件，defaule表示默認(rèn)路由組件，將通過沒有添加的router-view標(biāo)簽進(jìn)行展示
image.png
app.js
<template>
<div id="app">
<router-view name="hobby"></router-view>
<router-view name="abc"></router-view>
<router-view class="center"></router-view>
</div>
</template>
router文件
{
path: '/document',
name: 'document',
components: {
default: document,
hobby: hobby,
abc: abc
}
}