生命周期的钩子函数

一、什么是钩子函数？

在特定情况下被自定钩起的函数（自动调用的函数）

二、什么vue是生命周期？

vue实例从创建到销毁的过程

三、生命周期的钩子函数

概念：vue实例从创建到销毁的过程中被自动调用的函数

生命周期的钩子函数:

1.实例创建前后

实例创建之前： beforeCreate 数据观测和初始化并没有开始

实例创建之后: created 完成了数据的观测 属性方法等内容都开始初始化 但是这个时候视图层还没有开始渲染

2.模板渲染前后

模板渲染之前: beforeMount 模板开始准备被渲染 但是还没有渲染

模板渲染之后: mounted el已经被vue实例挂载并且页面的dom也进行了渲染

3.数据更新前后

数据更新之前: beforeUpdate 在数据更新之前被调用 这个时候是准备开始更新

数据更新之后: updated 数据更新之后调用并且页面重新渲染展示修改之后的内容

4.实例销毁前后

实例销毁之前：beforeDestroy

实例销毁之前：destoryed

而且vue首次加载的时候之前前两组4个钩子