title: Vue 3: Why dom ref value is undefined when ref in Vue 3 template
body: <p>I am using Vue 3 beta version and I am trying to access ref in setup function, My component:</p>
  <p>JS(Vue):</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const Child = createComponent({
    setup () {
      let tabs = ref()
      console.log(tabs)
      return {}
    },
    template: '&lt;div ref="tabs" &gt;Wow&lt;/div&gt;'
  })</code></pre>
  </div>
  </div>
  </p>
  <p>Demo: <a href="https://jsfiddle.net/xkeyLwu4/2/" rel="noreferrer">https://jsfiddle.net/xkeyLwu4/2/</a></p>
  <p>But the value of tabs.value is undefined. What I am doing wrong here?</p>