title: How to handle more than one layouts from a child page in Nuxt.js?
body: <p>I am using <code>Nuxt.js</code> and <code>Vue.js</code> for the first time. So, I want to use a template as a parent which basically needs to have two columns. Each child has different data for both the columns.</p>
  
  <p><code>layouts/content.vue</code>:</p>
  
  <pre><code>&lt;template&gt;
      &lt;b-container fluid&gt;
          &lt;b-row&gt;
              &lt;!--&lt;b-col&gt;&lt;nuxt/&gt;&lt;/b-col&gt;
              &lt;b-col&gt;&lt;nuxt/&gt;&lt;/b-col&gt;--&gt;
          &lt;/b-row&gt;
      &lt;/b-container&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>This is let's say the child vue component:</p>
  
  <p><code>pages/some-page/index.vue</code>:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;!-- how to enter data for both the columns --&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          layout: 'content'
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I enter handle both the columns of my <code>content.vue</code>? I want to make two columns in some parent layout so that for later editing, I have only one file from which changes are reflected for all child pages.</p>