课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括：

1. 生命周期

课程收获：

生命周期

• 又名：生命周期回调函数、生命周期函数、生命周期钩子。

• Vue 在关键时刻帮我们调用的一些特殊名称的函数。

• 生命周期函数中的 this 指向是 vm 或 组件实例对象。

• 生命周期函数的名字不可以更改，但函数的具体内容是程序员根据需求编写的。

各个钩子函数

beforeCreate()：在实例初始化之后，进行数据侦听和事件/侦听器的配置之前同步调用。

created()：

• 在实例创建完成后被立即同步调用。

• 在这一步中，实例已完成对选项的处理，意味着以下内容已被配置完毕：数据侦听、计算属性、方法、事件/侦听器的回调函数。

• 然而，挂载阶段还没开始，且 $el property 目前尚不可用。

beforeMount()：

• 在挂载开始之前被调用：相关的 render 函数首次被调用。

• 该钩子在服务器端渲染期间不被调用。
  

mounted()：

• 实例被挂载后调用，这时 el 被新创建的 vm.$el 替换了。

• 如果根实例挂载到了一个文档内的元素上，当 mounted 被调用时 vm.$el 也在文档内。

• 注意 mounted 不会保证所有的子组件也都被挂载完成。

课程学习截图：