快速了解Vue的生命周期函数

最新推荐文章于 2024-07-19 18:41:59 发布

道长道长IOT

最新推荐文章于 2024-07-19 18:41:59 发布

阅读量1k

点赞数

文章标签： vue.js javascript 前端 vue

本文链接：https://blog.csdn.net/m0_56986233/article/details/123712509

版权

# 他表示，刚初始化了一个Vue空的实例对象，这个时候，只有一些默认的生命周期函数和默认事件，其他的都没创建，data和methods里面的数据都没初始，都还不能拿到，不能使用

#在created中，data和methods都已经初始化成功了。这个时候可以对data和methods里面的数据函数进行操作了

#模板已经编译完成了，但是还没有把模板渲染到页面中

#内存中的模板，已经挂载到了页面中，用户可以看到渲染好的页面了

#当执行beforeUpdate的时候，页面中显示的数据还是旧的，但此时data中的数据是最新的，页面尚未和最新的数据保持同步

#当执行Updated的时候，页面中显示的数据和data都是最新的

#当执行beforeDestroy的时候，vue实例就从运行阶段，进入到了销毁阶段，这个时候data，methods等都还是可以使用

#当执行destroyed的时候，vue实例开始销毁，这个时候data，methods等都无法使用

关注