1.自定义组件标签（如在首页插入topbar/sidebar等）例如将Header.vue插入到Home.vue中显示：定义Header。vue，然后在Home.vue的脚本中导入Header.vue：importvHeadfrom"./Header.vue";#导入Header.vue为vHead，注意路径，Header.vue和Home.vue在同一个路径下使用。/然后导出组件：exportdefault{components:{vHead,}};那么就可以在Home.vue的中直接插入使用：2.单页多路由实现单页多路由是在同一个页面显示不同路由的内容，通过将其设置为子路由，然后使用作为子路由的插入点。当访问对应的路由时，路由的内容会被渲染到位置。例如：在Home.vue页面显示HomeDesk.vue等页面：1.通过在./router/index.js路由中设置children属性，将HomeDesk.vue设置为Home.vue的子路由：constroutes=[{path:'/',name:'home',component:()=>import('../components/common/Home.vue'),#注意引用路径children:[{path:'/homedesk',name:'homedesk',component:()=>import('../components/page/HomeDesk.vue')#注意引用路径},}]2.添加<在HomeDesk.vue页面对应位置/router-view>，当访问对应路由/homedesk时，路由的内容会渲染到HomeDesk.vue对应位置。
