vue实现一个组件内使用多个router-view

将vue文件中的<router-view>添加name属性

<div class="Container">
  <router-view name="goods"></router-view>
  <router-view name="orderinfo"></router-view>
</div>

将路由文件下需要使用到的路由的component改为components

{
  path: 'goods3',
  name: 'goods3',
  components: {
    // 这里的 goods 对应 router-view 中的 name
    goods: () => import('@/views/menus/goods/Goods')
  }
},
{
  path: 'orderinfo',
  name: 'orderinfo',
  components: {
    // 这里的 orderinfo 对应 router-view 中的 name
    orderinfo: () => import('@/views/menus/order/OrderInfo.vue')
  }
}