Vue的生命周期

① beforecreate：实例被创建之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。这时组件的数据、props 等尚未初始化。

② created：实例初始化完成，可访问属性和方法，但此时部分 dom 组件还未被挂载。

③ beforemount：在挂载之前被调用，此时 vue 实例已经通过虚拟 dom 正式生成了渲染函数，但尚未将其挂载到页面上。

④ mounted：实例挂载后调用，此时组件已经生成对应的 dom 元素并挂载到页面上（即“$el”）之中，可以进行 dom 操作。这里的 mounted 不仅可以操作本组件的元素，也能访问子组件元素，因为父组件的所有需子组件 dom 都已经完成。

⑤ beforeupdate：组件更新前调用，此时数据发生变化时，在执行 update 方法前，界面尚未重新渲染，适合在接收到新的 props 或者 data 时直接前置处理逻辑，避免走到作为更改数据的 update 不优化代码生成，影响性能。

⑥ updated：组件更新后调用，此时组件已完成 diff 算法比对，在界面渲染之前。如果需要做 dom 操作，请在该钩子之后执行，因为此时渲染更新了是实际的界面出来了，可以做一些更新后的操作逻辑。

⑦ beforedestroy：组件销毁前调