如何更好地理解vuejs生命周期

Question

我想更好地了解Vuejs的生命周期。 The documentation很短，我想大多数人都熟悉生命周期概念。

但是，我只使用created(){}，因为它适合我在“加载页面”时初始化函数/数据（模糊地说）的需要。

但我确信每个生命周期钩子都有自己独特的特征或目的。所以，我希望有人可以提供一个更好的介绍/示例，说明何时可以使用每个钩子从页面加载到页面完成的上下文。

简单地说。当您请求网页时，有两个可观察的步骤

1：页面正在加载
2：页面加载完毕。

我的问题是，created，mounted，updated和destroyed挂钩何时会在这两个阶段发生？我没有提到前/后挂钩，因为它们的含义很明显。

Answer 1

生命周期挂钩与Vue实例相关，而与页面加载无关。组件是Vue实例，通常在整个页面上调用的主Vue实例也是如此。

该图给出了一个非常好的概述，即每个钩子与实例上发生的事情相关的位置。简单来说，created在您使用DOM之前发生，而所有其他发生在之后。