facebook twitter hatena line email

「Javascript/vue/ライフサイクル」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ライフサイクル一覧)
(ライフサイクル一覧)
 
(同じ利用者による、間の1版が非表示)
行10: 行10:
  
 
参考:https://jp.vuejs.org/v2/guide/instance.html
 
参考: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

2018年5月17日 (木) 17:51時点における最新版

ライフサイクル一覧

  • 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