深入理解Vue生命周期

最新推荐文章于 2022-04-21 09:54:06 发布

探花2018

最新推荐文章于 2022-04-21 09:54:06 发布

阅读量226

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/weixin_41096520/article/details/86217588

版权

2 篇文章 0 订阅

订阅专栏

Vue官网生命周期图片

beforeCreate：data和methods方法还没有被初始化，调用会返回undefind
created：data和methods方法已经被初始化好了，如果需要操作数据和调用方法，最早可在create中执行
beforeMount：模版已经在内存中渲染好了，但是尚未挂载到页面中去，页面还是旧的
mounted：只要执行完mounted就表示整个Vue已经实例化完毕了，此时已经从创建阶段进入运行阶段，如果需要操作dom最早可在mounted中进行
beforeUpdate和updated是组件运行阶段的生命周期函数，只有数据改变才会触发这两个函数，执行到beforeUpdate的时候data数据是最新的，但是页面还是旧的，页面尚未和最新数据保持同步，update执行的时候页面和数据已经完成同步都是最新的，期间完成把data中的最新的数据重新渲染一个dom树把最新的dom树挂载到页面中去，完成了modle层到view层的更新
beforeDestroy:从运行阶段过渡到销毁阶段，但是功能还都是可用的还没真正执行销毁过程
destroyed：组件已经完全被销毁了，所有功能不可用

关注