序号

阶段

阶段说明

1

创建前 beforeCreate

在实例初始化完成、props解析之后、data()和computed等选项处理之前立即调用

2

创建后created

在组件实例处理完所有与状态相关的选项后调用，实例创建完成，完成数据观测，属性和方法的运算、初始化事件，此时$el还没有显示出来，可以访问到data、computed、methods、watch

3

挂载前beforeMount

在挂载之前被调用，相关的render函数首次被调用，编译模板，把data里面的数据和模板生成HTML，还没有挂载到Dom上

4

挂载后mounted

在组件挂载之后调用，在el被新创建的vm.$el替换，并挂载到实例上后调用。实例挂载在Dom上，此时可以通过Dom的api获取dom节点，$el可以被访问了

5

更新前beforeUpdate

在组件即将因为一个响应式状态变更而更新其Dom树之前调用，可以用来在vue更新dom之前访问dom状态。

6

更新后updated

在组件因为一个响应式状态变更而更新其dom树之后调用，父组件的更新钩子将在子组件更新钩子之后调用

7

卸载前beforeUnmount

在一个组件实例被卸载之前调用，此时实例完全可用，可以通过this获取实例

8

卸载后unmounted

在一个组件实例被卸载后调用，调用后，Vue实例指示的所有东西都会解绑，所有的事件监听器都会被移除，所有的子实例也会被卸载