一、vue生命周期图示

 

二、钩子函数执行时间

• • beforeCreate      在创建实例之前，data只声明但没有赋值
      在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
  • created         组件创建完成，在实例创建完成后被立即调用
  • beforeMount         在挂载(DOM)之前被调用：相关的 render 函数首次被调用。
  • mounted DOM     挂载完成
  • beforeUpdate       获取原始DOM，准备更新,还没有更新
  • updated       获取更新之后的DOM，更新之后
  • beforeDestory     组件销毁之前
  • destoryed      组件销毁之后 /注意： 定时器的销毁 要在此方法中处理
  • activated      激活当前组件 vue提供的内置组件<keep-alive></keep-alive>
  • deactivated     停用当前组件