VUE - VUE生命周期踩坑


我觉得要理解框架思维,官方文档还是要啃一遍,不然很多问题没有系统化思路都找不到解决入口

1.vue的生命周期是什么

2.vue生命周期的在项目中的执行顺序

3.总结

1.什么是生命周期钩子

vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等这就是一个组件的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。
官方文档列出的生命周期函数:

beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
activated
deactivated
beforeDestroy
destroyed

具体的中文解释不写了。。官方文档都有,上个图看下好啦

vue生命周期

OK,知道这些后,我们可以利用JS在周期事件上HOOK一下,来实现我们想做的事。

2.生命周期钩子的执行顺序

vue生命周期

其实就是上面列出的周期函数的顺序。。

3.总结

vue生命周期,总得来说就是实例的创建和销毁这段时间的一个流程机制吧。其实现在看来也没那么难,但是vue实现这一套机制想法就厉害啦