获取 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 之间执行