The <nuxt-child> 컴포넌트

이 컴포넌트는 하위 컴포넌트를 nested 경로에 보여주기 위해 사용됩니다.

예제:

-| pages/
---| parent/
------| child.vue
---| parent.vue

이 파일 트리는 다음과 같이 생성됩니다:

[
  {
    path: '/parent',
    component: '~pages/parent.vue',
    name: 'parent',
    children: [
      {
        path: 'child',
        component: '~pages/parent/child.vue',
        name: 'parent-child'
      }
    ]
  }
]

child.vue 컴포넌트를 보여주기 위해, pages/parent.vue<nuxt-child/>넣어야 합니다:

<template>
  <div>
    <h1>난 부모 View 입니다~</h1>
    <nuxt-child/>
  </div>
</template>

예제를 보려면 nested-routes 예제 페이지를 참고해주세요.

잘못된 부분이 있거나 이 문서에 기여하고 싶으신가요? GitHub에서 이 페이지를 수정해주세요!