生命周期钩子的最佳实践
| 生命周期 | 最佳实践场景 | 注意事项 |
|---|---|---|
| created | 初始化非响应式数据、初始化插件配置 | 不能访问DOM，不能操作$el |
| mounted | 发起AJAX请求、操作DOM、初始化第三方库 | 避免大量同步操作阻塞渲染 |
| beforeUpdate | 获取更新前的DOM状态 | 不要修改数据，可能导致死循环 |
| updated | 依赖DOM的操作、基于新状态的操作 | 避免修改数据，使用$nextTick |
| beforeDestroy | 清除定时器、取消事件监听、清理订阅 | 必须清理资源，防止内存泄漏 |
| onShow | 刷新页面数据、恢复动画、重新连接 | 可能频繁触发，注意性能 |
| onHide | 暂停动画、停止轮询、保存状态 | 及时释放资源 |