vue3 ref获取元素

ref获取元素

• 当setup写在script中的时候

  <template>   <div ref="dom"></div> </template>  <script setup> import { ref, onMounted } from "vue"; const dom = ref(null); onMounted(() => {   console.log(dom.value); }); </script> 

• 当setup是单独写的时候

  <template>   <div ref="dom"></div> </template>  <script> import { ref, onMounted } from "vue"; export default { 	setup() { 		const dom = ref(null); 		onMounted(() => { 			 console.log(dom.value); 		}); 		return { dom } 	} } </script>