如何深入理解Vue的生命周期？

生命周期的钩子函数

我们首先来讲vue的生命周期其实也就是8大钩子函数
(手动狗头)
beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed
看似简单，但是是也非也,我们学习技术就要深入 要么不学，要么就好好理解,首先我们去vue文档中找一下VUE的生命周期图片
这张图片充分说明了vue的生命周期,当有人问我们这个问题时,确实可以甩出这张图片来解释所有问题,那今天我来深入这张图片细致了解一下vue的生命周期

实操

首先需要创建一个实例，也就是在 new Vue ( ) 的对象过程当中，首先执行了init（init是vue组件里面默认去执行的），在init的过程当中首先调用了beforeCreate，然后在injections（注射）和reactivity（反应性）的时候，它会再去调用created。

所以在init的时候，事件已经调用了，我们在beforeCreate的时候千万不要去修改data里面赋值的数据，最早也要放在created里面去做（添加一些行为）。

当created完成之后，它会去判断instance（实例）里面是否含有“el”option（选项），如果没有的话，它会调用vm.$mount(el)这个方法，然后执行下一步；如果有的话，直接执行下一步。紧接