📚 Reference

• 공식 문서 1

📜 Chapter

onBeforeMount

onUnmounted

onMounted

• onMounted
• 컴포넌트가 마운트된 후에 호출되며 DOM에 접근할 수 있는 단계이다.
• 또한, 모든 자식 컴포넌트가 마운트된 상태를 의미한다.

function onMounted(callback: () => void): void

예시

<script setup>
import { ref, onMounted } from 'vue'

const el = ref()

onMounted(() => {
  el.value // <div>
})
</script>

<template>
  <div ref="el"></div>
</template>