Vue生命周期学习笔记

Vue生命周期：

beforeCreate():

1. 生命周期中第一个函数，该函数在执行Vue实例仅仅完成了自身事件的绑定和生命周期函数的初始化工作Vue实例还没有Data，el，methods相关属性。

created（）：

2. 生命周期中第二个函数，该函数在执行Vue实例已经初始化了data属性和methods中相关方法

beforeMount（）：

3. 生命周期第三个函数，该函数在执行时Vue将El中指定作用范围作为模板编译

mounted（）：

4. 生命周期第四个函数，该函数在执行过程中，已经将数据渲染到界面中，并且已经更新页面。

beforeUpdate（）

5. 生命周期第五个函数，该函数时data中数据发生变化时执行，这个事件执行时仅仅是Vue实例中data数据变化，页面显示的依然是原始数据。

updated（）：

6. 生命周期第六个函数，该函数执行时data中数据发生变化，页面中数据也发生了变化，页面中数据已经和data中数据一致

beforeDestory（）：

7. 生命周期第七个函数，该函数执行时，Vue中所有数据methods component都没销毁。

destoryed（）：

8. 生命周期第八个函数，该函数执行时，Vue实例销毁

了解Vue生命周期后，我们可以根据需求，在它不同生命周期执行任务，以满足我们的需求。

官网窃图: