Vue.js-应该使用哪个组件生命周期来获取数据？

Question

在阅读了有关Vue的Alligator.io帖子后，该帖子说已挂载的生命周期是使用http get的不好的地方。我想知道是否有关于如何从Vue.js中的API正确获取数据的准则？

Answer 1

我更喜欢在创建的钩子中调用API。引用alligator.io：

  

在创建的挂钩中，您将能够访问反应性数据并且事件处于活动状态。模板和虚拟DOM尚未安装或呈现。

因此，您可以根据需要轻松访问数据以解析和保存服务器的响应。

致谢。

Answer 2

created()生命周期挂钩完全满足了获取和处理API数据的所有要求。

但是，官方Vue文档在示例代码中使用mounted()生命周期挂钩对axios进行集成API调用： https://vuejs.org/v2/cookbook/using-axios-to-consume-apis.html

生命周期挂钩mounted()和created()都广泛用于获取API数据，被认为是一种很好的做法。

Answer 3

答案是合理的，但是如果我们使用 Mounted（）钩子来调用API，则假定已呈现DOM。如果我们在 mount（）中更新状态，是否会触发另一个渲染？

我确定在 created（）钩子中，尚未挂载DOM。因此，我可能会选择 created（）。