Vue路由视图命名基础 官网
在Vue里,路由视图命名可让我们在一个路由里渲染多个视图。基础命名方式是在路由配置里用 components 属性。 const routes = [ { path: '/', components: { default: Home, sidebar: Sidebar } }]; // 这里default和sidebar是命名视图 这样配置后, default 视图会渲染 Home 组件, sidebar 视图会渲染 Sidebar 组件。 注意,命名视图名字不能重复,不然会有渲染问题。