Vue生命周器函数

个人对Vue生命周期函数的学习的一些总结，如有补充请评论区回复

1、beforeCreate（）

//Vue组件、实例创建完成之前
beforeCreate(){
console.log("before Create");
}

2、created（）

//是在组件实例一旦创建完成的时候立即调用，这时候页面dom节点并未生成
//在Vue实例之后执行
created(){
console.log("created");
}

3、beforeMount（）

//在模板渲染到页面之前执行
beforeMount(){
console.log("before Mount")
}

4、mounted（）

//是在页面dom节点渲染完毕之后就立刻执行
//模板渲染到页面完毕执行

mounted(){
console.log("mounted");
}

Vue的生命周期就是，Vue实例从创建到销毁的过程就是生命周期

即值从创建、初始化数据、编译模板、挂载Dom到渲染、更新到渲染、销毁等一系列过程，
主要分为8个阶段：
创建前后 载入前后 更新前后 销毁前 销毁后 以及一些特殊产品的生命周期
 

本图参考地址：X站前端老猫