Vue：生命周期 详解

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

（一）生命周期钩子 按顺序依次为：

1. beforeCreate()

在实例初始化事件和生命周期之后、数据观测和事件配置之前被调用。

此时，组件的选项对象还未创建，date、method和el均没有初始化，因此无法访问到数据data， methods、computed等上的方法和数据以及真实的DOM。一般不做挂载数据，绑定事件等操作。

2. created()

在实例已经创建完成之后被调用。

此时，实例已完成以下配置：数据观测、属性和方法的运算，watch/event事件回调，完成了data 数据的初始化。 然而，el没有还未初始化，挂载阶段还没有开始, $el属性目前不可见。

这是一个常用的生命周期，可以调用methods中的方法，改变data中的数据，并且修改可以通过vue的响应式绑定体现在页面上，获取computed中的计算属性等等。

3. beforeMount()

在挂载开始之前被调用，相关的render函数首次被调用（虚拟DOM）。