vue生命周期

Vue 的生命周期分为 8 个状态1. beforeCreate：实例刚在内存中被创建出来，此时尚未初始化好 data、methods、computed 等属性。 2. created：实例已经在内存中创建成功，此时 data 已经被观测、methods 已经可以使用、$el 还不存在。 3. beforeMount ：此时已经完成了模板的首次编译，但是还未挂载 DOM。 4. mounted ：el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$el 也在文档内。 5. beforeUpdate ：数据发生变化之前执行的钩子函数。 6. updated ：数据发生变化之后执行的钩子函数。该钩子不会马上执行,耗时操作会造成 DOM 重复重复修补(patch)对性能不好,因此 Vue 生呯周期会限制重复修补(patch)的情况,即使 state 数次 change ,也只会释法一道 updated 钩子函数; 7. beforeDestroyed ：Vue 实例即将销毁前执行的钩子函数; 8. destroyed ：Vue 实例已经彻底被销毁后执行的钩子函数