如何实现嵌套路由

实现步骤

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>