我喜欢vue.js，我肯定喜欢计算属性和VueX getters。但是我到了一个不确定的地步，不确定我使用它们的方式是否会在性能方面有一些缺点。

这是我代码中的一个常见模式（对于本地组件数据和计算属性也适用）：

从这个简单的状态（真相源）开始：

export default () => ({
   bonds: {
    eth: [],
    celo: []
  }
})

在我的getter中，我通常会按照以下方式进行：

export default {
  getBondsEth(state) {
    return state.bonds.eth
  },
  getBondsCelo(state) {
    return state.bonds.celo
  },
  getTotalBondsEth(_, getters) {
    return getters.getBondsEth.length
  },
  getTotalBondsCelo(_, getters) {
    return getters.getBondsCelo.length
  },
  getTotalBonds(_, getters) {
    return getters.getTotalBondsEth + getters.getTotalBondsCelo
  },
  getWhateverComputationEth(_, getters) {
    return getters.getBondsEth.reduce... or map or filter or find etc....
  }
  ...
}

所以，我的问题将是

1. 这是否被认为是一种不好的做法，因为我使用了依赖于其他getter的getter？这些被认为是循环依赖吗？

2. 我是否应该总是直接从真相源派生我的getter？例如，将上述更改为...

getTotalBonds(state) {
    return state.bonds.eth.length + state.bonds.celo.length
}

3. 是否有一种方法可以使用浏览器控制台调试我的getter或计算属性，以确保我没有性能问题或奇怪的迭代循环等？

如果您花时间回答，非常感谢！