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， beforeupdata() 就显得至关重要了，当它同意数据更新，那就 updata ,但是应不应该显示呢？ updatad() 来把关。

ok，经过一系列的updata，我们的组件要开始进入消亡期，也就是老年了，

mounted() 告诉您，已经可以开始死亡，多么沉重的话题！

四阶段，死

死，并不可怕，我只怕我死后没有人记住我。 我不知道是谁说的，但是现在我觉得这句话很对 。

beforedestory() 标志着组件机体已经开始死亡，该消失的逐渐在消失，这个时候，如果你还有遗愿，呸，是组件还有遗愿，那就告诉面前的你，有些数据是不是应该保存，是不是，特意嘱咐，必须销毁。 destroyd() 死亡成功，这个时候，也许组件会告诉你，是否需要在下一个页面开始的时候，做些什么。就像大仙要投胎，投胎到哪儿，总得找有一个放心的人来保护它，呃呃呃呃，小说看多了。。。

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