title: recursive component communication in vuejs 2.0
body: <p>Lets say component name is "customComponent"</p>
  
  <p>and its usage example:</p>
  
  <pre><code>&lt;custom-component class='parent'&gt;
    &lt;div v-if='someTruthyCondition'&gt;
      &lt;custom-component class='child'&gt;&lt;/custom-component&gt;
    &lt;/div&gt;
  &lt;/custom-component&gt;
  </code></pre>
  
  <p>Lets assume, the 'someTruthyCondition' is true util 3 components get generated and recursion stops.</p>
  
  <p>I would like to know how to communicate between the child customComponent to parent customComponent in vue js?</p>