computedの使い方 Vue.js

computed() は関数を受け取り、その関数が return した値を「計算結果」として持つ。そして、その関数の中で使われているリアクティブな値を追跡して、値が変化すると自動的に再計算する。

const totalAmount = computed(() => {
  return 返却する値
})

const totalAmount = computed(() => {
  return expenses.value.reduce((total, expense) => {
    return total + Number(expense.amount)
  }, 0)
})