vue/composition-api 获取 Dom 元素

获取 DOM 元素也用 ref，所以会重名，需要特殊记一下

<template>
  <div>
    <div ref="hello">hello world</div>
  </div>
</template>

<script>
import { defineComponent, onMounted, ref } from '@vue/composition-api'
export default defineComponent({
  setup () {
    // 定义一个和dom元素ref同名的变量 hello
    // ref 传入的值是 null
    const hello = ref(null)

    onMounted(() => {
      // 获取dom元素取value
      console.log(hello.value, 'hello')
    })
    // return 出来这个ref
    return {
      hello
    }
  },
})
</script>

<style scoped>

</style>

setup 在 beforeCreate 和 created 之间执行