Vue中的生命周期函数是如何在组件的不同阶段被触发和调用的？

本文共计1724个文字，预计阅读时间需要7分钟。

生命周期，即一个事物从诞生到消亡的过程。以人的生命为例，从出生到离世，这一过程可以简单粗暴地看作是人生。人这一出生，便开始了这一段旅程。

什么是生命周期？

生命周期，以个人之浅见，即一个事物从诞生到消亡的一个过程！

以人的一生来做类比，其实就可以简单粗暴的将生命周期看作人的一生，人这一出生就开始了一段美好（艰难）的旅程，一生中每个成长的阶段都会对应的去做每个阶段该做的事，比如，上幼儿园，小学，中学，高中，大学，工作（比如我就在辛苦的码字），结婚等等直到百年以后，尘归尘，土归土，这就是人的生命周期！

vue也有这样的一个生命周期，也会在执行到每个阶段做一些事情，不同的是vue在每个对应的阶段是通过生命周期函数去做的，此刻再去看一下vue官网对生命周期的描述就好理解多了！

vue官网的描述：

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。