（六、命名视图）

命名视图

有时想同时展示多个视图，例创建一个布局，有sidebar（侧导航）和main（主内容）两个视图。这时命名视图就可以实现这些需求，界面中可以拥有多个单独命名的视图，而不是只有一个单独的出口。如果touter-view没有设置名字，则默认为default。

例：

<router-view class="view one"></router-view>
<router-view class="view two" name="a"></router-view>
<router-view class="view three" name="b"></router-view>
// router文件夹中的index.js
const router = new VueRouter({
     
  routes: [
    {
     
      path: '/',
      components: {
     
        default: Foo,
        a: Bar,
        b: Baz
      }
    }
  ]
})