首先,怎么理解生命周期呢?
个人可以理解为一个人从出生到死亡的过程就是生命周期,当然vue实例也有生命周期,即从创建到销毁的过程。vue有八个生命周期,分别分为四大阶段,即创建、挂载、运行、销毁。:
1.创建期间的生命周期函数:
beforecreate : 实例创建之前,此时它只有默认的方法,还没有data数据和methods方法。
created :vue实例创建之后,它有了data和methods,但是还没有编译模板。
2.挂载期间的生命周期函数:
beforemount:此时已经编译好了模板,但是还没有挂载在页面上。
mounted:此时已经将编译好的模板挂载到页面指定的容器中显示。
3.运行期间的生命周期函数:
beforeupdate:此时数据还没有更新,即数据的状态是最新的,而页面中的数据还是旧的,所以还没有重新渲染数据。
update:实例中数据更新完毕,页面也重新渲染好了
4.销毁期间的生命周期函数:
beforeunmount:vue实例销毁之前,此时data和methods还存在还能被调用
unmount:vue实例销毁之后,vue实例中所有的东西都会解除绑定,所有的监听事件会移除,所有子实例也会销毁
欢迎各位小伙伴来讨论交流技术问题
公众号:玖鼎源码
微信:hz1123448103