diff --git a/ko/api/components-nuxt-child.md b/ko/api/components-nuxt-child.md new file mode 100644 index 000000000..a874f570d --- /dev/null +++ b/ko/api/components-nuxt-child.md @@ -0,0 +1,48 @@ +--- +title: "API: 컴포넌트" +description: 현재 페이지를 보여줍니다 +--- + +# The <nuxt-child> 컴포넌트 + +> 이 컴포넌트는 하위 컴포넌트를 [nested 경로](/guide/routing#nested-routes)에 보여주기 위해 사용됩니다. + +예제: + +```bash +-| pages/ +---| parent/ +------| child.vue +---| parent.vue +``` + +이 파일 트리는 다음과같이 생성됩니다: +```js +[ + { + path: '/parent', + component: '~pages/parent.vue', + name: 'parent', + children: [ + { + path: 'child', + component: '~pages/parent/child.vue', + name: 'parent-child' + } + ] + } +] +``` + +`child.vue` 컴포넌트를 보여주기 위해, `pages/parent.vue`에 ``넣어야 합니다: + +```html + +``` + +예제를 보려면 [nested-routes 예제](/examples/nested-routes) 페이지를 참고해주세요.