Vue 生命周期

Vue的生命周期

• created 创建完成
• updated 更新完成
• mounted 挂载完成
• destroyed 销毁

示例

var app2 = new Vue({
    el: '#app-2',
    data: {
      message: '页面加载于 ' + new Date().toLocaleString(),
    },
    updated() {
        alert("改变了app2")
    },
    created() {
        alert("加载完成")
    },
     mounted() {
        alert("el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子")
    },
    destroyed() {
        alert("销毁")
    },
    methods: {
        vonclick:function () {
           this.message = "i change it"
        }
    },
  })

生命周期图示：

v-on 绑定的事件只能写在vue实例的method中，否则无法调用