nuxt3使用，＜NuxtChild /＞

如果有[Vue warn]: Filed to resolve component: NuxtChild

表示有的版本没有<NuxtChild></NuxtChild>
直接用<NuxtPage></NuxtPage>

以下是文件结构：

• pages
  • parent(文件夹)
    • child.vue
    • index.vue
  • parent.vue

parent.vue文件：

<!-- parent.vue中 -->
<template>
  <div>
    <h1>嵌套路由parent</h1>
    <!-- NuxtPage和NuxtChild哪个不报错就用哪个 -->
    <!-- <NuxtPage></NuxtPage> -->
    <NuxtChild></NuxtChild>
  </div>
</template>

index.vue文件

<!-- index.vue中 -->
<template>
  <div>
    <h1>parent index</h1>
  </div>
</template>

child.vue文件

<!-- child.vue中 -->
<template>
  <div>
    <h1>child page</h1>
  </div>
</template>

跳转时
<NuxtLink to='/parent'>parent</NuxtLink>
<NuxtLink to='/parent/child'>parent/child</NuxtLink>
最终显示结果：