如果数据变化的间隔很大，什么时候适合使用计算？

我正在使用 Vue 3、Vite 编写一个小网站。我有一个组件Holidays，可以显示特定一天（今天）的假期列表。

<script setup lang="ts">
import { computed } from 'vue'
import { getCurrentDay, getCurrentMonth, getHolidaysByDate } from '@/utils'

const today = new Date()

const currentDay = getCurrentDay(today)
const currentMonth = getCurrentMonth(today)

const currentHolidays = computed(() => getHolidaysByDate(currentDay, currentMonth))
</script>

<template>
  <div class="holidays-list gc-font-body">
    <template v-if="currentHolidays.length > 0">
      <div
        v-for="(holiday, index) in currentHolidays"
        :key="index"
        :class="['holiday', index === 0 ? 'holiday-important' : '']"
      >
        <div class="holiday-title">{{ holiday.title }}</div>
        <div class="gc-font-gray">{{ holiday.description }}</div>
      </div>
      <div class="holiday holiday-additional gc-font-body-m gc-font-gray gc-align-center">
        Посмотреть все
      </div>
    </template>
    <div v-else class="gc-font-body gc-font-gray gc-align-center">
      К сожалению, мы не нашли информацию о праздниках в этот день. Если у вас есть предложение
      по добавлению праздника, пожалуйста, нажмите на кнопку «Добавить праздник» в шапке сайта.
    </div>
  </div>
</template>

ChatGPT 为我提供了这种逻辑的确切实现，其中computed只有currentHolidays。然而，在各种来源中，并且定期地，同一个 ChatGPT 建议我将变量包装today在ref—中const today = ref(new Date())，并将所有后续变量包装在 中computed。从逻辑上讲，内容每天在页面重新加载时更新一次。据我所知，“computed当您需要跟踪变量的变化，然后执行计算或其他操作（取决于跟踪的变量）时建议使用，其结果将以另一个变量的形式存储。”

我想更详细地了解这一点。