# ライフサイクルフック

このページは、すでに Composition API の基本 と リアクティブの基礎 を読んでいることを前提としています。 Composition API を初めて使用する場合は、最初にそちらをお読みください。

ライフサイクルフックの前に "on" をつけることで、コンポーネントのライフサイクルフックにアクセスすることができます。

setup() 内で、ライフサイクルフックを呼び出す方法は、次の表の通りです:

これらの関数は、コンポーネントからフックが呼び出された時に実行されるコールバックを、受け入れます:

// MyBook.vue

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