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