Vue3 - Composition API - Lifecycle Hooks

컴포넌트 라이프사이클 훅은 setup안에서 on을 접두사로 붙여서 사용할 수 있다. setup은 beforeCreate, created 훅 시점에 동작하므로, 해당 hook이 setup안에서 필요하지 않다. 기존에 creation hook에 쓰여졌던 코드는 setup안에서 바로 쓰여지면 된다.

이 함수에서는 hook이 호출될 때 실행할 콜백 함수를 받는다.

// MyBook.vue

export default {
  setup() {
    // mounted
    onMounted(() => {
      console.log('Component is mounted!')
    })
  }
}
Select a repo