【Vue】Vue.js 生命周期

【Vue】Vue.js 生命周期

概要

    // 在示例初始化之后，数据观测(data observer)和 event/watch 事件配置之前被调用
    beforeCreate() {
        console.log('beforeCreate')
    },
    // 在示例创建完成后立即调用，
    // 在这一步示例已完成以下配置: 数据观测(data observer), 属性和方法的运算, watch/event 事件回调
    // 然而, 挂载阶段还没开始, $el 属性目前不可见
    created() {
      console.log("created");
    },
    // 在挂载开始之前被调用, 相关的渲染函数首次被调用
    beforeMount() {
      console.log("beforeMount");
    },
    // el 被新创建的vm.$el 替换, 挂载成功
    mounted() {
      console.log('mounted');
    },
    // 数据更新时调用
    beforeUpdate() {
      console.log('beforeUpdate');
    },
    // 组件 DOM 已经更新, 组件更新完毕
    updated() {
      console.log('update');
    }