vue生命周期

1. **beforeCreate（创建前）**：
   - 在实例初始化之后，数据观测（data observer）和event/watcher事件配置之前被调用。

2. **created（创建后）**：
   - 实例已经创建完成，数据观测和事件/侦听器已经配置好，但是挂载阶段尚未开始，`$el`属性目前不可见。

3. **beforeMount（挂载前）**：
   - 在挂载开始之前被调用：相关的`render`函数首次被调用，`$el`属性和`data`被渲染到模板之前。

4. **mounted（挂载后）**：
   - 实例已经被挂载到DOM中，`$el`是DOM节点。注意在这个阶段，子组件可能尚未挂载完成。

5. **beforeUpdate（更新前）**：
   - 数据变化导致虚拟DOM重新渲染和打补丁之前被调用，可以在这个钩子中进一步地更改状态，这不会触发额外的重渲染。

6. **updated（更新后）**：
   - 由于数据更改导致的虚拟DOM重新渲染和打补丁后调用，此时可以执行依赖于DOM的操作。

7. **beforeDestroy（销毁前）**：
   - 实例销毁之前调用。在这一步，实例仍然完全可用。

8. **destroyed（销毁后）**：
   - 实例销毁后调用。调用后，Vue实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。

9. **errorCaptured（错误捕获）**：
   - 当捕获一个来自子孙组件的错误时被调用。这可以帮助全局处理错误。

10. **activated（被激活）**：
    - 仅用于`<keep-alive>`缓存的组件，当组件被激活时调用。

11. **deactivated（被停用）**：
    - 仅用于`<keep-alive>`缓存的组件，当组件被停用时调用。