vue 生命周期的理解

1.vue生命周期包含阶段

beforeCreate->created->beforeMount->beforeUpdate->(updated)->mounted->beforeDestroy->destroyed，即创建实例，模板渲染，数据更新，实例销毁。

2.各阶段负责任务:

created :表示vue实例已经初始化ok，(包括data中数据对象，methods中事件处理，computed中数据计算，watch中监听属性变化)，在此函数中可以对实例中对象操作，也可进行api调用等逻辑处理。

mounted: 表示模板已经渲染完毕，元素挂在到真实 dom上, 函数中可对dom进行操作。（beforeMount：虚拟dom已经生成 ）

beforeUpdate : 数据更新之前被调用。（注：beforeUpdate之后，updated之前，会进行虚拟dom的渲染和修改）

updated : 组件真实dom已更新，可对dom操作。

beforeDestroy: 实例销毁之前被调用。实例仍可以用。

destroyed: 实例销毁之后调用。Vue 实例指示的所有属性和方法都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。

3.流程图：

 

注：流程图借鉴 https://www.cnblogs.com/goloving/p/8616989.html。