LoginSignup
0
0

More than 1 year has passed since last update.

Vue.jsのライフサイクルフック一覧

Posted at

Vue.jsのライフサイクルフック
Vue.jsには、コンポーネントが生成される際に自動的に実行されるライフサイクルフックがあります。以下に、Vue.jsのライフサイクルフックの種類と、それぞれが実行されるタイミングを紹介します。

beforeCreate

Vueインスタンスが生成される前に呼び出されます。

created

Vueインスタンスが生成された後に呼び出されます。このフックでは、データの初期化やコンポーネントの設定などが行われます。

beforeMount

Vueインスタンスがマウントされる前に呼び出されます。このフックでは、テンプレートがコンパイルされ、DOMツリーに挿入される前の処理が行われます。

mounted

Vueインスタンスがマウントされた後に呼び出されます。このフックでは、DOMにアクセスできるようになり、DOM要素を変更することができます。

beforeUpdate

Vueインスタンスが更新される前に呼び出されます。このフックでは、データの変更前の処理を行うことができます。

updated

Vueインスタンスが更新された後に呼び出されます。このフックでは、DOMが更新された後に行いたい処理を行うことができます。

beforeDestroy

Vueインスタンスが破棄される前に呼び出されます。このフックでは、インスタンスを破棄する前の処理を行うことができます。

destroyed

Vueインスタンスが破棄された後に呼び出されます。このフックでは、インスタンスが破棄された後の処理を行うことができます。

これらのライフサイクルフックを使用することで、Vue.jsコンポーネントの生成、更新、削除のタイミングでカスタムの処理を実行することができます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0