Komponen

Komponen ini digunakan untuk menampilkan "children" komponen pada rute bersarang.

Contoh:

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

File tree di atas akan menghasilkan rute sebagai berikut:

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

Untuk menampilkan komponen child.vue, kita harus memasukkan <nuxt-child/> di dalam pages/parent.vue:

<template>
  <div>
    <h1>I am the parent view</h1>
    <nuxt-child/>
  </div>
</template>

Untuk melihat contoh, silakan lihat contoh rute-bersarang.

Jumpa kesalahan atau ingin berkontribusi pada dokumentasi ini? Sunting halaman ini di GitHub!