如何从其他地方的组件传递计算属性

Question

我在官方网站上有工作示例。

Example

 computed: { filteredData: function () {} )

如何全局获取filteredData（计算属性）？特别是如果我想把它发送到其他地方。 demo。$ store只包含原始属性，不计算。我看到实现这一目标的唯一方法是演示。$ children [0] .filteredData。但那并不纯粹。顺便说一下，我正在使用vuex。

Answer 1

计算数据仅适用于当前组件。但是，您可以在Vuex中使用getters并将其作为计算属性导入。

在vuex中，您声明：

getters: {
  filteredData (state) {
    return state.data.filter(x => x)
  }
}

然后，在您需要的地方，您刚刚导入：

import { mapGetters } from 'vuex'
export default {
  // ...
  computed: {
    ...mapGetters({
      filteredData
    })
  }
  // ...
}