Vue 컴포넌트 생명 주기

 

Vue 컴포넌트의 생명 주기란?

 Vue 컴포넌트는 생성, 실행, 소멸에 대한 생명주기가 미리 정해져있고, 개발자는 해당 타이밍에 콜백함수를 호출하여 로직을 추가 할수 있다.

 

onMounted() 콜백

 컴포넌트가 마운트 된 후에 호출되는 함수로 가장 많이 사용되는 생명주기 콜백 함수

 

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

    const el = ref()

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

 

Vue 공식 문서에 나온 자세한 생명주기 설명

 https://ko.vuejs.org/api/composition-api-lifecycle