Vue生命周期的讲解

1.vue的生命周期简介:

八大过程:创建,初始化数据,编译,挂载DOM,渲染,更新,渲染的过程,卸载

四大生命阶段包括:1.创建初始化(create),2.mount(挂载)3.update(更新)4.destory(销毁)

2.过程说明讲解:

BeforeCreate:

实例初始化之后，数据观测 和 event/watcher 事件配置之前被调用

Created:

在初始化实例已经创建完成之后被调用

BeforeMount:

在挂载开始之前被调用

Mounted:

el替换，并挂载到实例上去之后调用该钩子

BeforeUpdate:

数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前

Updated:

数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子

Activated:

keep-alive 组件激活时调用

Deactivated:

keep-alive 组件停用时调用

BeforeDestroy:

实例销毁之前调用。在这一步，实例仍然完全可用。

Destroyed:

Vue 实例销毁后调用