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

Question

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

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

那么，我该如何优化呢？

只能在一个地方获取它？

比如，在component_foo，我会调用fetch_server_list()，在component_bar，我也会调用fetch_server_list()。

如何处理多处获取服务器列表数据？

你最好的处理方法是什么？

Answer 1

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

Props

Props 让您可以将数据传递给子组件。

Provide/Inject

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

Vuex

Vuex 存储让您可以将数据缓存在 $store 对象中，以便以后在任何地方使用。