如何求和并在vuetify中显示

this.sum = numbers.reduce((total, num) => total + num, 0);

<v-text-field v-model="sum" label="求和结果"></v-text-field>

<template>
  <v-card>
    <v-card-title>求和</v-card-title>
    <v-card-text>
      <v-text-field v-model="sum" label="求和结果"></v-text-field>
    </v-card-text>
  </v-card>
</template>

<script>
export default {
  data() {
    return {
      sum: 0
    };
  },
  methods: {
    calculateSum(numbers) {
      this.sum = numbers.reduce((total, num) => total + num, 0);
    }
  }
};
</script>