Vue的生命周期

接下来小编给大家介绍一下vue的生命周期以及每个生命周期当中我们适合做什么

实例的初始化阶段
1.beforeCreated:当执行到这个函数的时候,当前的实例上只是初始化了主要的生命周期函数而已,但是实例的data和method尚未初始化
2.Created:当执行到这个函数的时候,表示当前实例的data和method已经初始化好了,如果想要获取自己的首屏数据,最好在created里面进行调用ajax方法
3.beforeMounted:此时将要把内存当中HTML结构渲染到页面上面, 但是并没有真正的渲染,所以页面上还是空白的,用户看到的还是插值表达式这样的结构
4.Mounted: 创建阶段的最后一个生命周期函数,初始化一些javaScript插件最好在这个阶段进行初始化


下面是实例的运行阶段


5.beforeUpdate:执行到这个函数说明data中的数据是最新的数据了,但是页面上的数据仍然是老数据
6.Update:表示页面完成了更新,此时data和页面都是最新的
7.beforeDestory vm实例即将被销毁,此时vm实例还是可以正常进行工作的
8.destoryed:vm实例已经被毁灭,已经无法正常进行工作了


这样我们就可以在相应的生命周期函数当中来进行我们的配置了。


————————————————
版权声明:本文为CSDN博主「Michealkz」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_43081842/article/details/93660436

原文地址:https://www.cnblogs.com/Ao-min/p/14850505.html