- 生命周期 (Life Cycle) 是指一个组件从 创立 => 运行 => 销毁 的整个阶段; 强调的是一个时间段.
- 生命周期函数 : 是由 vue 框架提供的内置函数, 会随同这组件的生命周期 动静按秩序执行
- 留神: 生命周期 强调的是时间段,生命周期函数 强工夫点.
-
创立阶段
- beforeCreate (组件的 props|data|methods 尚未被创立, 都处于不可用的状态
- created (组件的 props| data | methods | 曾经创立好, 都处于 可用 状态, 但组件的 模板构造尚未生成 => 发送 Ajax 最早的机会, 申请数据
- beforeMount 将要把内存中编译好的 HTML 构造 渲染到 浏览器中. 此时对浏览器中 还没有 以后组件的 DOM 构造
- mounted组件第一次被渲染到浏览器中 | 操作 DOM 最早的机会 (此时曾经把内存中的 HTML 构造胜利的渲染到浏览器中)
-
运行阶段
- beforeUpdate (将要依据变动后, 最新的数据, 从新渲染组件的模板构造)
- updated 曾经根最新的数据,实现了 组件 DOM 构造的 从新渲染 => 可能操作到最新的 DOM 元素
-
销毁阶段
- beforeDestroy 将要销毁 此组件, 此时 尚未销毁 , 组件还处于 失常工作 的状态
- destroyed 组件曾经被销毁, 此组件在浏览器中对应的 DOM 构造 已被 齐全移除!