如何实现嵌套路由

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

<template>
    <div>
        <RouterLink to="/pageA">A页面</RouterLink>|
        <RouterLink to="/pageB">B页面</RouterLink>
        <div style="border: 1px #000 solid;">子页面将输出到这里：
            <RouterView />
        </div>
    </div>
</template>