Vue生命周期钩子介绍

生命周期

vue生命周期钩子官方文档：

• 官方文档图解介绍：生命周期图示

• 官方文档详细介绍：vue生命周期钩子介绍 ==vue生命周期钩子介绍 ： vue从创建到销毁过程中，会执行的一些回调函数==

• 钩子 ： 一种回调函数

  • 例如

    • window.onload = function(){ dom加载完毕，外部资源加载完毕就执行 }

• 生命周期 ： vue实例从出生到扑街的过程

  • 出生：

    • 创建vue实例
    • 创建data数据
    • 创建el挂载点
    • 将data数据渲染到el挂载点

  • 扑街

    • vue实例被销毁

      • 这里销毁不是指vue实例变成了null，而是指解除data与el的关联

        • 说人话：修改了data，页面不会被渲染 ==注意点==

• 根据官网文档介绍 ： 每一个生命周期钩子中的this都是指向vue实例

• 所以，生命周期钩子不能是箭头函数

生命周期图示：