如何在一个页面使用多个router-view显示不同的内容

首先：路由配置如下

routes: [
    {
      path:'/',
      name:'Home',
      components:{
        default:Home,
        'his':History
      }
    }
]

上面的代码主要是把component变成components，然后default默认显示哪个组件，
其余的多个组件分别起一个名字，然后在要显示的位置加上router-view，
一般有name属性的router-view写在App.vue文件中，

      
 
      //这里显示默认的组件Home
      
      

        //这里显示组件名为his的组件History