如何在Vue.js中计算嵌套数组中的值？

<template>
  <div>
    <p>嵌套数组中的值为: {{ nestedArraySum }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      nestedArray: [
        [1, 2, 3],
        [4, 5, 6],
        [7, 8, 9]
      ]
    };
  },
  computed: {
    nestedArraySum() {
      let sum = 0;
      for (let i = 0; i < this.nestedArray.length; i++) {
        for (let j = 0; j < this.nestedArray[i].length; j++) {
          sum += this.nestedArray[i][j];
        }
      }
      return sum;
    }
  }
};
</script>