Vue生命周期

Vue实例生命周期

生命周期的钩子函数

生命周期一般分为三个阶段:初始化显示,更新显示,销毁Vue实例

初始化阶段的钩子函数:
beforeCreate() 实例创建前,数据和模块都未获取到;
Created()实例创建后:最早访问到Data数据,单模块未获取到;
beforeMounte()数据挂载前:模块获取到,但数据未挂载到模板上;
mounted()数据挂在后:数据据已挂载到模板上;

更新阶段的钩子函数:
beforeUpdate()模板更新前:data发生改变,更新数据模板前调用;
updated()模板更新后:将data渲染到数据模板中;

销毁阶段的钩子函数:
beforeDestory()实例销毁前;
destoryred()实例销毁后.

生命周期分为四个阶段

创建
beforeCreate()
Created()
加载
beforeMounte()
mounted()
更新
beforeUpdate()
updated()
销毁
beforeDestory()
destoryred()
// 钩子函数

        beforeCreate() {
            console.log("beforeCreate", this.$el, this.data);
        },
        created() {

        },
        beforeMount() {

        },
        mounted() {
            //  发送ajax请求一般放在这里
            console.log("mounted", this.$el, this.data);
        },
        beforeUpdate() {

        },
        updated() {

        },
        beforeDestroy() {
            // 做收尾工作,关闭定时器,释放资源
            console.log("beforeDestroy");
        },
        destroyed() {

        }