Vue生命周期简单说明

各阶段简单介绍

1. 生命周期的三个阶段

一个组件或者实例的生命周期都是通过new开始的

• 初始化阶段（beforeCreate,created,beforeMount,mounted）
• 运行中阶段（beforeUpdate,updated）
• 销毁阶段（beforeDestroy,destroyed）

2. 各阶段解析

（1）beforeCreate
初始化还未完成，函数内部数据和 DOM 节点都无法拿到

（2）created
函数内部数据挂载了，dom还没有渲染，可以拿到函数内部数据（this），无法拿到 DOM 节点

（3）beforeMount
和 created 阶段基本类似

（4）mounted
此时已经初始化完毕了，函数和 DOM 都已经挂载，函数内部数据和 DOM 都可以拿到

（5）beforeUpdate
数据发生更新时触发，此时拿到的时更新之前的数据内容

（5）updated
此时拿到的时更新之后的数据内容

（6）beforeDestroy
组件被销毁之前触发

（7）destroyed
组件销毁时触发

生命周期图