title: How to list children pages of a nuxt.js nested route on the parent page?
body: <p>Is it possible to query for a parent's children or nested routes?  An example might be a blog site with this structure:</p>
  
  <ul>
  <li><code>/blog.vue</code> (parent page)
  
  <ul>
  <li><code>/blog/article1.vue</code></li>
  <li><code>/blog/article2.vue</code></li>
  </ul></li>
  <li>etc. The <code>blog.vue</code> might or might not make use of <code>&lt;nuxt-child\&gt;</code>.</li>
  </ul>
  
  <p><strong>How can <code>blog.vue</code> programmatically list its children pages, or nested routes, so that a menu or table-of-contents containing links and titles for navigating to those children can be displayed?</strong></p>
  
  <p>The <a href="https://nuxtjs.org/api/components-nuxt-child" rel="nofollow noreferrer"><code>&lt;nuxt-child&gt;</code></a> documentation mentions that the nuxt router has a children property for routes. That seems to be accessible at <code>this.$router.options.routes</code>. Is there a better way?</p>