Vue3 通过ref属性获取元素

<template>
    <div>
        <div ref="boxRef"><button>hehe</button></div>
    </div>
</template>
 
<script>
import { ref } from "vue";
export default {
    name: "ref",
    setup(){
        const boxRef = ref(null)
        onMounted(()=>{
            console.log(box.value)
        })
    }
};
</script>

vue3需要借助生命周期方法，在setup执行时，template中的元素还没挂载到页面上，所以必须在mounted之后才能获取到元素