生命周期
组件
| 阶段 | 时机 | 详细 | 选项钩子 | 组合钩子 |
|---|---|---|---|---|
| setup | 最先被调用 | 无 | setup() | |
| beforeCreate | 初始化完成后 | 创建实例，解析 props | beforeCreate() | 无 |
| created | 处理完所有状态信息后 | 处理状态：data、computed、methods、watch | created() | 无 |
| beforeMount | 挂载之前 | 还未创建 DOM 节点 | beforeMount() | onBeforeMount() |
| mounted | 挂载之后 | DOM 已被创建并插入 | mounted() | onMounted() |
| beforeUpdate | 更新之前 | 数据更新，而 DOM 尚未更新 | beforeUpdate() | onBeforeUpdate() |
| updated | 更新之后 | DOM 更新完成 | updated() | onUpdated() |
| beforeUnmount | 卸载之前 | 实例正常运行，保有所有功能 | beforeUnmount() | onBeforeUnmount() |
| unmounted | 卸载之后 | 停止工作，可清理一些副作用，计时器、DOM 事件监听器 或 与服务器的连接等 | unmounted() | onUnmounted() |
特殊
| 阶段 | 时机 | 详细 | 选项钩子 | 组合钩子 |
|---|---|---|---|---|
| activated | 激活 | <KeepAlive> 中被激活 | activated() | onActivated() |
| deactivated | 未激活 | <KeepAlive> 中未被激活 | deactivated() | onDeactivated() |
| errorCaptured | 捕获错误 | 捕获了后代组件传递的错误时 | errorCaptured() | onErrorCaptured() |