title: Passing ref's content from a child to another VueJS child component
body: <p>I'm learning VueJS and I got a little confused on the ref, $refs lecture. I tried to understand it from vue's documentation,  but I didn't get what I want to know.</p>
  
  <p>If for example I have this component:</p>
  
  <p><code>&lt;user-item ref="details"&gt;&lt;/user-item&gt;</code></p>
  
  <p>and I get the data from this component using </p>
  
  <p>this.$refs.details </p>
  
  <p>to use that data in the User parent component, because this user-item is a child for User component. </p>
  
  <pre><code>&lt;div id="User"&gt;
    &lt;user-item ref="details"&gt;&lt;/user-item&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the same time I have another component called, let's say Permissions that's child too, for User component:</p>
  
  <pre><code>&lt;div id="User"&gt;
     &lt;user-item ref="details"&gt;&lt;/user-item&gt;
     &lt;permissions&gt;&lt;/permissions&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>In this Permissions component I need the same  this.$refs.details, but from what I test, like an experiment, doesn't work.  </p>
  
  <p>This is just a simple example.</p>
  
  <p>Can someone please tell me how can I do it?</p>