第一步 在 App.vue 中
- <router-view class="b" name="header">
- </router-view>
- <router-view class="b">
- </router-view>
- // 不写 name 名字的就是默认路由
- <router-view class="b" name="footer">
- </router-view>
第二步 在 router.JS 中
router.JS
- // 引入组件
- import header from './components/header.vue'
- import footer from './components/footer.vue'
- let router =new VueRouter({
- routers:[
- {
- path:'/',
- components:{
- //components 写多个必须加 s, 不然会报错
- header:header
- deafult:footer
- footer:footer
- }
- },
- ]
- })
* 一次加载三个组件
来源: http://www.bubuko.com/infodetail-2874380.html