Vue生命周期函数详解

 vue实例的生命周期

1 什么是生命周期（每一个实例的一生）

概念：每个Vue实例建立、运行、销毁的过程，就是生命周期；在实例的生命周期中，老是伴随着各类事件，这些事件就是生命周期函数；

生命周期：实例的生命周期，就是一个阶段，从建立到运行，再到销毁的阶段；

生命周期函数：在实例的生命周期中，在特定阶段执行的一些特定的事件，这些事件，叫作 生命周期函数；

生命周期钩子：就是生命周期事件的别名而已；

生命周期钩子 = 生命周期函数 = 生命周期事件

2 主要的生命周期函数分类

• 建立期间的生命周期函数：(特色：每一个实例一生只执行一次)

  • beforeCreate：建立以前，此时 data 和 methods 还没有初始化

  • created(第一个重要的函数，此时，data 和 methods 已经建立好了，能够被访问了)

  • beforeMount：挂载模板结构以前，此时，页面尚未被渲染到浏览器中；

  • mounted（第二个重要的函数，此时，页面刚刚被渲染出来；若是要操做DOM元素，最好在这个阶段）

• 运行期间的生命周期函数：（特色：按需被调用 至少0次，最多N次）

  • beforeUpdate：数据是最新的，页面是旧的

  • updated：页面和数据都是最新的

• 销毁期间的生命周期函数：(特色：每一个实例一生只执行一次)

• beforeDestroy：销毁以前，实例还正常可用

• destroyed：销毁以后，实例已经不工做了
  
  

图例：

 转载请注明出处：https://www.cnblogs.com/bbc66/p/9897939.html