[TOC]
### 命名視圖
有時候想同時 (同級) 展示多個視圖,而不是嵌套展示,例如創建一個布局,有`sidebar`(側導航) 和`main`(主內容) 兩個視圖,這個時候命名視圖就派上用場了。
* [ ] router
~~~
{
path: '/user_info',
components: {
default: () => import('@/views/News'),
email: () => import('@/views/Email'),
address: () => import('@/views/Address')
}
}
~~~
* [ ] App
~~~
<template>
<div id="app">
<ul>
<li>
<router-link :to="{name: 'home'}">首頁</router-link>
</li>
<li>
<router-link :to="{name: 'news'}">公司新聞</router-link>
</li>
<li>
<router-link :to="{name: 'about'}">關于我們</router-link>
</li>
</ul>
<router-view />
<router-view name='email' />
<router-view name='address' />
</div>
</template>
~~~