生命周期

趣味

一.创建/销毁，缓存

1.created & beforeCreatebeforeCreate 实例未创建，调用不到data数据created 实例创建完成后调用，此阶段完成了数据的观测等，但尚未挂载   

created：在vue实例创建完成后被调用，这个过程已完成了数据的初始化，可以被访问得到，也能获得methods方法；这个过程可以修改数据，这也是渲染之前修改数据的机会。

2.destroyed & beforeDestroy

beforeDestroy 实例销毁之前调用

destroyed 实例销毁之后调用

在父组件中使用v-if来控制实例的销毁和创建

应用:主要在实例销毁之前解绑一些使用addEventListener 监听的事件等 

3.updated & beforeUpdate

beforeUpdate 获取数据更新前的原DOM

updated 获取数据更新后的DOM；

挂载之后，vue的数据改变会引起页面视图的改变，此时触发的是updated事件，而不是mounted(mounted只会在挂载实例的时候触发调用一次)

应用：获取调试前后的DOM

4.mounted & beforeMount

beforeMount (实例创建完)el未挂载到实例上,获取的是vue启动前的最初DOM

mounted (实例创建完)并且el挂载到实例上后调用，获取的是vue启动后的DOM(执行一次，之后的vue数据变化触发updated)