흑백과 디지털

<template>
    <div>
        <label ref="vueLabelRef">여기<label>
        <v-label  ref="vuetifyLabelRef">
    </div>
</template>

<script setup>
import { ref } from 'vue';

const vueLabelRef = ref(null);
const vuetifyLabelRef = ref(null);
</script>

•  일반적인 vue3 에서 ref 로 연결된 elemet 에 대해  순수한 javascript element 접근하려면 vueLabelRef.value 이다.
• 그런데 vuetify3 컴포넌트라면 vuetifyLabelRef.value.$el 을 해야 한다.

전에 나도 모르게 $el 코드를 많이 사용했었는데, 이런 차이가 있는 것을 오늘이야 정확히 알게 되었다.