title: Nuxt.js: understanding <nuxt-child> component
body: <p>In Nuxt.js, I did this folder structure:</p>
  
  <pre><code>├── parent
  │   ├── child1.vue
  │   └── child2.vue
  ├── parent.vue
  </code></pre>
  
  <p>In <strong>parent.vue</strong>, I have this:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;h3&gt;Parent element&lt;/h3&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;nuxt-child/&gt;&lt;/li&gt;
              &lt;li&gt;&lt;nuxt-child/&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>In <strong>child1.vue</strong>:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;h3&gt;Child 1&lt;/h3&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>In <strong>child2.vue</strong>:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;h3&gt;Child 2&lt;/h3&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>I launch the server (yarn run dev) and go this URI: <code>http://localohost:3000/parent</code> where I see this:</p>
  
  <pre><code>Parent element    
       - 
       -  
  </code></pre>
  
  <p>If I go to <code>http://localohost:3000/parent/child1</code>, I see this:</p>
  
  <pre><code>Parent element    
       - Child 1
       - Child 1
  </code></pre>
  
  <p>If I go to <code>http://localohost:3000/parent/child2</code>, I see this:</p>
  
  <pre><code>Parent element    
       - Child 2
       - Child 2
  </code></pre>
  
  <p><strong>Question:</strong></p>
  
  <p>From the <a href="https://nuxtjs.org/api/components-nuxt-child" rel="nofollow noreferrer">documentation</a>, I understand that <strong>child1.vue</strong> and <strong>child2.vue</strong> are children of parent.vue, so I expect to see them list when I visit <code>http://localhost:3000/parent</code>, but they were not displayed. Each child is displayed only when I point to its URI. Anyone to explain me this behavior?</p>