Vue路由视图命名的使用场景 官网
命名视图在很多场景有用。比如在一个页面里,有主内容区和侧边栏。可以用命名视图分别渲染。 const routes = [ { path: '/dashboard', components: { main: DashboardMain, sidebar: DashboardSidebar } }]; // 适用于仪表盘页面 这样,在访问 /dashboard 时, main 视图渲染 DashboardMain 组件, sidebar 视图渲染 DashboardSidebar 组件。 使用命名视图时,要在模板里用 router - view 标签指定名字。