[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>
~~~
