如何在多个组件中处理以获取Vue.js中的数据？

Question

在我的Vue.js项目中，我有许多组件，在其中一些组件中，这些组件都将使用提取的数据列表，称为server_list。

我不想在每个使用它的组件中获取它。

那么，我该如何优化呢？

只在一个地方取得它？

，例如，在component_foo中，我将调用fetch_server_list()，在component_bar中，我也会调用fetch_server_list()。

如何在多个位置处理以获取服务器列表数据？

你最好的方法是什么？

Answer 1

有很多方法可以做到这一点。

<强> https://git-scm.com/docs/git-merge-base

Props允许您将数据传递给子组件。

<强> Props

Providers允许您传递嵌套的数据，不止一个级别。

<强> Provide/Inject

Vuex商店允许您将数据缓存在$ store对象中，以便以后随时随地使用。