关于vue.js:Vue-组件的生命周期

44次阅读

共计 527 个字符,预计需要花费 2 分钟才能阅读完成。


  • 生命周期 (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 构造 已被 齐全移除!
正文完
 0