生命周期
先唠叨一下生命周期的概念吧，简单讲生命周期就是一个组件从初始化到销毁的整个过程，如果觉得太抽象可以把组件类比为人，生命周期就是人的一辈子。
钩子？
如果把组件和人类比来看，钩子也就好解释了，举个例子：当我们大概在3岁左右就要去上幼儿园，去上幼儿园就是一个事件，这个事件需要在特定的时间去执行（3岁），那么我们就要把事件和时间关联起来，于是，我们就要用到钩子。
对于组件来讲，在组件的生命周期之中有几个特定的阶段（时间）可以给开发者“搞事情”，这几个特定的阶段就被称为钩子。
先看一下Vue官方提供的生命周期图
Vue官方文档生命周期图
对于开发者而言我们应该知道，在什么时候，做什么事情是最佳的，不要做30岁才上幼儿园的蠢事就行了。
| 钩子 | 时机 | 事件 |
|---|---|---|
| beforeCreate | 实例创建前 | 因为数据未加载，可以加个loading |
| created | 实例创建后，完成数据观测，事件回调 | ajax异步数据请求 |
| beforeMount | 调用render函数 | |
| mounted | 挂载完成，已生成dom节点 | 可对dom进行操作 |
| beforeUpdate | 数据更新时调用，不进行重新渲染 | 状态管理 |
| updated | 数据更新并且DOM重新渲染 | 可以执行依赖于 DOM 的操作 |
| beforeDestory | 实例销毁之前调用 | |
| destroyed | Vue 实例销毁后调用 |
