vue生命周期

博客是积攒知识点，方便自己查阅学习，是记录项目中遇到的疑难杂症以及解决方法

vue生命周期

 

以上是vue官网上的生命周期的方法，大致分为创建前/后，挂载前/后，更新前/后，销毁前/后这四个阶段。各个阶段的状态总结如下：

beforeCreate：在beforeCreate生命周期执行时，data和methods中的数据还未初始化，所以此时不能使用data中的数据和methods中的方法

create：data 和 methods初始化完毕，此时可以使用methods 中的方法和data 中的数据 beforeMount：template模版已经编译好，但还未挂载到页面，此时页面还是上一个状态 mounted：此时Vue实例初始化完成了，DOM挂载完毕，可以直接操作dom或者使用第三发dom库

beforeUpdate： 此时data已更新，但还未同步页面

updated：data和页面都已经更新完成

beforeDestory：Vue实例进入销毁阶段，但所有的 data 和 methods ，指令， 过滤器等都处于可用状态

destroyed： 此时组件已经被销毁，data，methods等都不可用

根据以上介绍，页面第一次加载时会执行 beforeCreate， created， beforeMount， mounted这四个生命周期，所以我们一般在created阶段处理http请求获取数据或者对data做一定的处理， 我们会在mounted阶段操作dom，比如使用jquery，或这其他第三方dom库。其次，根据以上不同周期下数据和页面状态的不同，我们还可以做其他更多操作，所以说每个生命周期的发展状态非常重要，一定要理解，这样才能对vue有更多的控制权。