黑马程序员技术交流社区

标题: 【成都校区】vue生命周期 [打印本页]

作者: 小蜀哥哥 时间: 2019-8-23 06:23
标题: 【成都校区】vue生命周期

这几天一直忙着面试，没来得及在掘金上面写写自己的文章，今天早上刚好不用去面试，在家总结了下这几天的面试知识点，这对于vue求职者或许会有一些帮助。

如果你对我这篇文章有什么建议,可以把你宝贵的建议发送到我的邮箱：MrDotYanLT@yeah.net

如果你发现这篇文章有什么错误的地方，你可以在下方留言，咱们一起学习，一起进步

vue 的生命周期是一大面试点自然界的万事万物都会有一个生命周期，比如人，生老病死，比如石头，沉淀风化，最后成为泥土。
所以vue的组件也是有生命周期的，四个阶段，八个钩子
一阶段，生生，开始，从未知到存在。我们可以把beforeCreate()，看作一个组件生命的开始
这个周期里面vue组件开始初始化，vue开始观察数据，然后开始生成
等到组件生成，created()出现，这标志，这个组件胚胎已经准备好了开始降临世界
但是，在降临之前，是不是要找一个合适的地点，el挂载点就显得非常重要了，所以在created()之后，vue会判断这个组建有没有挂载点，有就接着判断有没有摇篮template，如果有，万事大吉，顺利出生开始，如果没有el挂载点，ok，那么得开始创建了，如果没有template，ok，那就把el的outrhtml当作template。
二阶段，老老，开始，从生到死的消亡开始。现在beforeMount()是一个标志着刚刚降生的点，在这个点之后的一瞬间，vue开始创建vm.$el，并把原来创建好的el替换，这标志着我们可以在浏览器里面看到页面了
ok,开始变老，然后mounted，这个阶段，肯定会发生数据的变化，于是updata开始有作用了。
数据更新，然后是否应该更新，如果是一个错误的数据呢？
so，beforeUpdate()就显得至关重要了，当它同意数据更新，那就updata,但是应不应该显示呢？updataed()来把关。
ok，经过一系列的updata，我们的组件要开始进入消亡期，也就是老年了，
mounted()告诉您，已经可以开始死亡，多么沉重的话题！
四阶段，死死，并不可怕，我只怕我死后没有人记住我。我不知道是谁说的，但是现在我觉得这句话很对。
beforeDestroy()标志着组件机体已经开始死亡，该消失的逐渐在消失，这个时候，如果你还有遗愿，呸，是组件还有遗愿，那就告诉面前的你，有些数据是不是应该保存，是不是，特意嘱咐，必须销毁。destroyed()死亡成功，这个时候，也许组件会告诉你，是否需要在下一个页面开始的时候，做些什么。就像大仙要投胎，投胎到哪儿，总得找有一个放心的人来保护它，呃呃呃呃，小说看多了。。。

最后放一张vue的生命周期图。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2