Passing ref's content from a child to another VueJS child component : <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>
