我喜歡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或計算屬性，以確保我沒有效能問題或奇怪的迭代循環等？

如果您花時間回答，非常感謝！