Vue生命周期

一、什么是 vue 生命周期

通俗说，Vue 实例从创建到销毁的过程，就是生命周期。即从开始创建、初始化数据、编译模板、挂载 DOM 、渲染→更新→渲染、卸载等一系列过程。下图为生命周期照片

二、Vue 生命周期函数

生命周期总共分为 8 个阶段：beforeCreate(创建前)  --- created(创建后)  ---beforeMount(载入前)  --- mounted(载入后)  --- beforeUpdate(更新前)  --- updated(更新后)  --- beforeDestroy(销毁前)  --- destroyed(销毁后)

Vue 官方将这些方法称之为钩子函数。

1、beforeCreate（创建前）

组件实例刚被创建，组件属性计算之前，比如data属性等等

2、created（创建后）

组件实例刚创建完成，属性已经绑定，当时DOM还未生成，$le属性还不存在

3、beforeMount(载入前)

模板编译、挂载之前

4、mounted（载入后）

模板编译、挂载之后

5、beforeUpdate（更新前）

组件更新之前

6、updated（更新后）

组件更新之后

7、beforeDestroy（销毁前）

组件销毁前调用

8、destroyed（销毁后）

组件销毁后调用

三、钩子函数的使用（生命周期开发的业务逻辑）

1、created：做一些初始化如数据的准备，实现函数自执行等

2、mounted：

①发起后端请求，取回数据

②接收页面之间传递的参数

 ③子组件向父组件传递参数

3、updated：数据更新统一的业务逻辑处理

四、总结

参考官网：Vue 实例 — Vue.js (vuejs.org)