2020-11-16

对 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组件的执行过程,从组件的创建到销毁的状态,不同阶段触发不同的钩子函数

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容