實現步驟

1. 新建子頁面

2. 在router/index.js中的父路由節點添加children數組

3. 在children中添加子路由

{path: '/',name: 'home',component: HomeView,children: [
{path: '/pageA',name: 'pageA',component: pageA},{path: '/pageB',name: 'pageB',component: pageB}]
},

5.在父路由頁面添加 路由出口

<template><div><RouterLink to="/pageA">A頁面</RouterLink>|<RouterLink to="/pageB">B頁面</RouterLink><div style="border: 1px #000 solid;">子頁面將輸出到這里：<RouterView /></div></div>
</template>