vue的生命周期钩子函数

一、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     停用当前组件