title: Vue.js refs are undefined, even though this.$refs shows theyre there
body: <p>I have a reference to a component</p>
  <pre class="lang-vue prettyprint-override"><code>&lt;Gmap ref=&quot;mapRef&quot;&gt;
  </code></pre>
  <p>In mounted I am doing this, to see the objects are available</p>
  <pre class="lang-vue prettyprint-override"><code>mounted(){
      let self = this
      console.log(self.$refs) // Shows the mapRef object reference
      console.log(self.$refs.mapRef) // returns undefined ???
  }
  </code></pre>
  <p>self.$refs shows...</p>
  <pre><code>  mapRef: VueComponent {_uid: 207, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
  </code></pre>
  <p>So then why does <code>self.$refs.mapRef</code>  return undefined??
  Even though it's clearly there??</p>