Vue 生命周期和钩子函数的理解

前提声明

此篇文章是看视频自己总结的学习笔记
视频是B站的 vue教程-黑马-205集完整版 大家可自行搜索

概念

  1. 生命周期:
    Vue的生命周期(个人理解):从vue的创建、运行到销毁的过程中,都会有一些相应的事件或者说是函数,而这些函数的总和,就是vue的生命周期
  2. 钩子函数:
    钩子函数可以理解为一个组件,一个动画,一个路由执行,把它们的执行过程,通过函数分成几个阶段,而这些函数就是所谓的 钩子函数

生命周期

Vue 生命周期和钩子函数的理解_第1张图片
可以很明显的看到,一个组的过程被封成了几个阶段,而这些阶段进入的前后都有一个函数,这就是生命周期的钩子函数。


钩子函数

钩子函数不是凭空产生,其必然关联一个阶段过程的前后。

比如:
1.vue create一个实例时的 beforeCreate和created
2.< transition >过渡里面的 beforeEnter enter
3.router 里面的 beforeEnter(to , from, next)

这都是各自过程的钩子函数。


*** 以上为个人理解,欢迎大家在评论区指正 ***

你可能感兴趣的:(Vue学习)