1.beforeCreate
vue 实例挂载元素el和数据对象data都为undefined,还未初始化,因此无法访问methods, data, computed等中的方法和数据。
2.created
data初始化完成,可以调用methods中的方法及操作data对象中的数据。但是实例挂载元素$el仍然没有。
3。beforeMount
相关的 render 函数首次被调用,把data 里面的数据和模版生成html,模版编译完成,$el实例初始化完成,此时还没有挂载html到页面上。
4.mounted
实例创建完成,页面渲染成功,可以进行一些DOM操作,mounted只会执行一次, 也可以进行一些调用函数的操作。
5.beforeUpdate
当执行 beforeUpdate 的时候,页面中的显示的数据,还是旧的,此时data 数据是最新的,页面尚未和 最新的数据保持同步。
6.updated
页面和data数据已经保持同步,都是最新的。
7.beforeDestroy
在实例销毁之前调用,实例仍然完全可用,实例身上的data,methods,过滤器,指令等都处于可用状态。 一般在这一步做一些重置的操作,比如清除掉组件中的定时器 和 监听的dom事件
8.destroyed
实例销毁后,vue实例解除事件监听以及dom的绑定,所有的子实例都会被销毁。