1. 路由模板之--同時載入多個動態模組

router.js：

export default new Router({
    routes: [
        {
            path: '/',
            components:{
                a: Home,
                b: Guide
            }
        }
    ]
})

App.vue ：

<template>
    <div id="app">
        <router-view name="a"></router-view>
        <router-view name="b"></router-view>
    </div>
</template>
 

總結：當一個頁面需要載入多個動態元件時，通過 router-view  的name屬性對應路由的配置就OK了！！！