facebook twitter hatena line email

Javascript/vue/ライフサイクル

提供: 初心者エンジニアの簡易メモ
移動: 案内検索

ライフサイクル一覧

  • beforeCreate
  • created
  • beforeMount
  • mounted
  • beforeUpdate
  • updated
  • beforeDestroy
  • destroyed

参考:https://jp.vuejs.org/v2/guide/instance.html

consoleサンプル

   beforeCreate() {
       console.log("beforeCreate")
   },
   created() {
       console.log("created")
   },
   beforeMount() {
       console.log("beforeMount")
   },
   mounted() {
       console.log("mounted")
   },
   beforeUpdate() {
       console.log("beforeUpdate")
   },
   updated() {
       console.log("updated")
   },
   beforeDestroy() {
       console.log("beforeDestroy")
   },
   destroyed() {
       console.log("destroyed")
   },

ライフサイクルとは違うが、変数更新検出用も用意されている

  • computed
  • watch