首先:路由配置如下
routes: [
{
path:'/',
name:'Home',
components:{
default:Home,
'his':History
}
}
]
上面的代码主要是把component变成components,然后default默认显示哪个组件,
其余的多个组件分别起一个名字,然后在要显示的位置加上router-view,
一般有name属性的router-view写在App.vue文件中,
<div id="app">
<Header></Header>
<router-view></router-view>//这里显示默认的组件Home
<div class="container">
<router-view name="his"></router-view>//这里显示组件名为his的组件History
</div>
</div>