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>