VueJs& Vuex |从另一个组件发生突变后从组件中获取数据

时间:2017-09-27 23:41:25

标签: vuejs2 vuex

我有两个vuejs组件,一个会改变商店,另一个需要从商店中检索新数据。我知道如何使用store.getters获取新数据,但我不知道如何从获取该数据的组件中首先访问新数据。

我使用哪种vuejs组件方法来实现这一目标?

1 个答案:

答案 0 :(得分:0)

您最有可能想要使用计算属性。

假设数据是一个数组,你有组件A和B.

  • 数据开头不可用
  • B通过计算属性
  • 返回一个空数组
  • 使用数据
  • 更新商店
  • B现在自动通过计算属性
  • 返回包含数据的数组

当数据不可用时,你可以在它的位置有一个空数组(字面意思只是[]),或者如果它不那么容易,你将不得不为计算属性写一些逻辑,以便它可以决定如果数据是否可用,则返回数据或空数组。

如果你只使用B中的数据,你可能不需要getter,你可以在B的计算属性中写下所有逻辑。但这是一种意见。

请记住考虑Vue的反应系统并以正确的方式更新阵列。否则,组件将无法使用新数据进行更新。

相关问题