vue3通过时间展示不同的问候语

您好！对于Vue 3，您可以通过使用计算属性和日期对象来展示不同的问候语。以下是一个示例代码：

<template>
  <div>
    <p>{{ greeting }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: new Date()
    }
  },
  computed: {
    greeting() {
      const currentHour = this.currentTime.getHours()

      if (currentHour < 12) {
        return '早上好！'
      } else if (currentHour < 18) {
        return '下午好！'
      } else {
        return '晚上好！'
      }
    }
  },
  mounted() {
    setInterval(() => {
      this.currentTime = new Date()
    }, 1000)
  }
}
</script>

在上述代码中，我们使用了一个计算属性 `greeting` 来根据当前时间来获取不同的问候语。通过 `new Date()` 获取当前时间，并根据小时数来判断是早上、下午还是晚上。在 `mounted` 钩子中，我们使用 `setInterval` 来每秒更新一次当前时间，以实时更新问候语。

希望这可以帮到您！如果还有其他问题，请随时提问。