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