vue-router: 命名视图

• 当需要在同一层级下同时展示多个视图时，需要添加新的router-view并新增name属性指定名字，然后在路由配置项需要同级展示的路由中添加新的路由组件，defaule表示默认路由组件，将通过没有添加的router-view标签进行展示

image.png

app.js

router文件

{
  path: '/document',
  name: 'document',
  components: {
    default: document,
    hobby: hobby,
    abc: abc
  }
}