每个 vue.js 生命周期挂钩的用例是什么？
ham*_*kan 5 javascript lifecycle vue.js
所以我对 vue 的生命周期钩子有所了解，但对于其中一些，我想不出任何现实世界的用例或应该在其中完成的示例，我认为通过找出它们的用例可能会帮助我更好地理解它们。
以下是我对它们的了解和不了解：
创作挂钩
- beforeCreate()：事件和生命周期已初始化，但数据尚未反应——用例？
- create()：您可以访问反应性的数据和事件，但模板和虚拟 DOM 尚未安装或渲染 --- 用例：API 调用
安装挂钩
- beforeMount()：在初始渲染之前运行——用例？
- Mounted()：你可以访问反应式组件、模板和渲染的 DOM --- 用例：修改 DOM
更新挂钩
- beforeUpdate()：在数据更改之后和 DOM 重新渲染之前运行 ---用例 ??
- update()：在数据更改并且 DOM 重新渲染后运行 ---用例 ??
破坏钩
- beforeDestroy()：在拆卸之前运行——用例：清理以避免内存泄漏
- destroy()：在拆卸后运行 ---用例 ??
预先感谢任何帮助我更好地理解这些概念的人；）
根据VueJS官方网站：
\n\n\n每个 Vue 实例在创建时都会经历一系列初始化步骤 - 例如，它需要设置数据观察、编译模板、将实例挂载到 DOM 以及在数据更改时更新 DOM。在此过程中，它还运行称为生命周期挂钩的函数，使用户有机会在特定阶段添加自己的代码。
\n
考虑到这一点，我们有：
\n创建前
\n该beforeCreate钩子在组件初始化时运行。数据尚未反应，事件尚未设置。
用法
\nbeforeCreate当您需要某种不需要分配给数据的逻辑/API 调用时，使用挂钩非常有用。因为如果我们现在给数据分配一些东西，一旦状态初始化，它就会丢失。
已创建
\n您可以访问使用创建的挂钩激活的反应数据和事件。模板和虚拟 DOM 尚未安装或渲染。
\n用法
\ncreated在处理读/写反应数据时，使用该方法非常有用。例如，如果您想要进行 API 调用然后存储该值，就可以在此处执行此操作。
\n
上面的内容众所周知地称为creation钩子，而不是mounting钩子。
安装挂钩通常是最常用的挂钩。它们允许您在第一次渲染之前和之后立即访问您的组件。但是，它们不会在服务器端渲染期间运行。
\n挂载前
\n该beforeMount钩子在初始渲染发生之前以及模板或渲染函数编译之后运行。
用法
\n这是您应该在\xe2\x80\x99s不必要的过程后期执行API调用的最后一步，因为它\xe2\x80\x99s是在创建\xe2\x80\x8a\xe2\x80\x94\xe2\之后立即执行的x80\x8a他们可以访问相同的组件变量。
\n安装的
\n在挂载的钩子中，您将可以完全访问响应式组件、模板和渲染的 DOM（通过 this.$el）。
\n用法
\n使用 Mounted 来修改 DOM\xe2\x80\x94，特别是在集成非 Vue 库时。
\n\n
还有一些钩子，称为updating钩子。
每当组件使用的反应性属性发生更改或其他原因导致其重新渲染时，就会调用更新挂钩。它们允许您连接到组件的观察-计算-渲染周期。
\n如果您需要知道组件何时重新渲染（可能是为了调试或分析），请使用更新挂钩。
\n有：
\n更新前
\n这beforeUpdate钩子在组件上的数据更改之后运行，更新周期开始，就在 DOM 修补和重新渲染之前。
用法
\n使用beforeUpdate如果您需要在组件实际渲染之前获取组件上任何反应数据的新状态，
更新
\n更新后的钩子在组件上的数据发生更改并且 DOM 重新渲染后运行。
\n用法
\n如果属性更改后需要访问 DOM，请使用更新
\n\n
最后但并非最不重要的一点是，有destruction钩子。
销毁挂钩允许您在组件被销毁时执行操作，例如清理或发送分析。当您的组件被拆除并从 DOM 中删除时，它们会触发。
\n有：
\n被摧毁
\n当你到达被破坏的钩子时，\xe2\x80\x99s 组件上几乎没有留下任何东西。附着在它上面的一切都被摧毁了。
\n用法
\n如果您需要进行最后一刻的清理或通知远程服务器组件已被破坏，请使用destroy
\n销毁前
\nbeforeDestroy在拆卸前被解雇。您的组件仍将完全存在并正常运行。
用法
\nbeforeDestroy如果您需要清理事件或反应式订阅，请使用。
在这个阶段，您可以进行资源管理、删除变量和清理组件。
\n\n
请记住，这些是主要的生命周期挂钩，还有一些其他次要的挂钩，例如activated和deactivated您可以研究一下。
这是一个可能会帮助您进一步了解的链接。
\n| 归档时间： |
|
| 查看次数： |
1743 次 |
| 最近记录： |