• 生命周期(Life Cycle) 是指一个组件从 创立 => 运行 => 销毁 的整个阶段; 强调的是一个时间段.
  • 生命周期函数: 是由vue框架提供的内置函数,会随同这组件的生命周期动静按秩序执行
  • 留神: 生命周期强调的是时间段,生命周期函数强工夫点.

  • 创立阶段

    1. beforeCreate (组件的props|data|methods 尚未被创立,都处于不可用的状态
    2. created (组件的props| data | methods | 曾经创立好,都处于可用状态, 但组件的模板构造尚未生成 => 发送Ajax最早的机会,申请数据
    3. beforeMount 将要把内存中编译好的HTML构造渲染到浏览器中. 此时对浏览器中还没有以后组件的 DOM 构造
    4. mounted组件第一次被渲染到浏览器中 | 操作 DOM 最早的机会 (此时曾经把内存中的HTML 构造胜利的渲染到浏览器中)

  • 运行阶段

    1. beforeUpdate (将要依据变动后,最新的数据,从新渲染组件的模板构造)
    2. updated 曾经根最新的数据,实现了组件 DOM 构造的从新渲染 =>可能操作到最新的DOM 元素

  • 销毁阶段

    1. beforeDestroy 将要销毁此组件,此时尚未销毁,组件还处于失常工作的状态
    2. destroyed 组件曾经被销毁,此组件在浏览器中对应的DOM构造已被齐全移除!