对 vue 生命周期的理解
vue2.0 的生命周期包含如下
- beforeCreate 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用
- created 在实例创建完成后被立即调用。
- beforeMount 在挂载开始之前被调用:相关的 render 函数首次被调用
- mounted 实例被挂载后调用,这时 el 被新创建的 vm.$el 替换了。
- beforeUpdate 数据更新之前
- updated 组件 DOM 已经更新
- beforeDestroy 实例销毁之前调用。
- destroyed 实例销毁后调用。
添加了 keep-alive 之后才有的生命周期钩子函数 - activated 被 keep-alive 缓存的组件激活时调用。
- deactivated 被 keep-alive 缓存的组件停用时调用。
生命周期钩子函数就是 对应vue组件的执行过程,从组件的创建到销毁的状态,不同阶段触发不同的钩子函数