vue生命周期总结

顺序从上自下：

一、create 创建前后：

1.beforeCreate 实例初始化 
2.created 实例已经创建

二、mount 挂载前后：

3.beforeMount 挂载开始之前
4.mounted 挂载到实例

三、destroyed 销毁前后:

5.beforeDestroy 实例销毁前调用
6.destroyed 实例销毁后调用

触发update 更新前后:

1.beforeUpdate 更新前调用
2.updated 更新重新渲染DOM

组件的生命周期钩子:

activated：keep-alive 组件激活时调用
deactivated：keep-alive 组件停用时调用
errorCaptured ：当捕获一个来自子孙组件的错误时被调用，收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串，此钩子可以返回false以阻止该错误继续向上传播。

keep-alive拓展：

keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。它是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。

keep-alive Props

• include - 字符串或正则表达式。只有名称匹配的组件会被缓存。
• exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。
• max - 数字。最多可以缓存多少组件实例。