title: How to get child component's data in VueJs?
body: <p>This is an easy question but I dont know the best way to do it correctly with Vue2:</p>
  
  <p><strong>Parent Component:</strong></p>
  
  <pre class="lang-vue prettyprint-override"><code>&lt;template&gt;
    &lt;div class="parent"&gt;
      &lt;child&gt;&lt;/child&gt;
      {{value}} //How to get it
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p><strong>Child Component:</strong></p>
  
  <pre class="lang-vue prettyprint-override"><code>&lt;template&gt;
    &lt;div class="child"&gt;
      &lt;p&gt;This {{value}} is 123&lt;/p&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data: function () {
      return { value: 123 }
    }
  }
  &lt;/script&gt;
  </code></pre>