title: How can I pass a variable value from a "page" to "layout" in Nuxt JS?
body: <p>I'm a beginner in VUE and donnow this one is the correct syntax. I need the variable {{name}} to be set from a page. Which means I need to change the value of the variable page to page. How can I achieve that? Help me guys. <br><br>
  My "Layout" Code is like below -</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="login-page"&gt;
      &lt;div class="col1"&gt;{{ name }}&lt;/div&gt;
      &lt;div class="col2"&gt;
        &lt;div class="content-box"&gt;
          &lt;nuxt /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    props: ['name']
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>And my "Page" code is following -</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;Welcome&lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    layout: 'login',
    data: function() {
      return {
        name: 'Victor'
      }
    }
  }
  &lt;/script&gt;
  </code></pre>