vue 生命周期

什么是生命周期

• vue组件从创建到销毁的整个过程

vue 生命周期图示

生命周期分为几个阶段,分别触发什么函数

• 1.初始化阶段:beforeCreate created beforeMouont mounted
  1.0 初始化事件和生命周期函数
  1.1 初始化监听数据,属性和方法,初始化事件,触发:beforeCreate created
  1.2 初始化$el 初始化渲染dom ,触发:beforeMouont mounted
• 2.更新阶段:beforeUpdate updated (被页面使用的响应式数据,触发)
  2.1 被页面使用的响应式数据更新的时候,触发函数
• 3.销毁阶段:beforeDestroy destroyed
  3.1 触发 $destory 方法触发
  3.2 路由离开的时候触发

每个函数的使用。

• beforeCreate 执行组件实例还没有创建,通常用户插件开发中初始化一些任务
• created 组件实例化完毕,各种数据可以使用,常用于获取异步数据(发生ajax)
• beforeMount 为了执行渲染 更新 dom 未创建
• mounted 初始化结束dom 已经创建,常用于 获取dom元素或者数据
• beforeUpdate 更新前,可以用获取更新前的各种状态
• updated 更新后,所有状态都是最新的
• beforeDestroy 销毁前,可用于一些定时器,订阅的去取消
• destroyed 销毁后,清空timer 清空所有保留的数据,将函数数组对象变为null,目的是为了防止内存泄露