你确定这是vue3的语法嘛

非常抱歉，我之前的回答有误。以下是Vue 3的正确示例代码：

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

<script>
import { ref, watchEffect } from 'vue'

export default {
  setup() {
    const greeting = ref('')

    const updateGreeting = () => {
      const currentHour = new Date().getHours()

      if (currentHour < 12) {
        greeting.value = '早上好！'
      } else if (currentHour < 18) {
        greeting.value = '下午好！'
      } else {
        greeting.value = '晚上好！'
      }
    }

    watchEffect(() => {
      updateGreeting()
    })

    return {
      greeting
    }
  }
}
</script>

在这个示例中，我们使用了Vue 3的新特性 `setup()` 函数来编写组件逻辑。通过 `ref` 创建了一个响应式的 `greeting` 变量，并在 `updateGreeting` 函数中根据当前时间更新 `greeting` 的值。

使用 `watchEffect` 监听响应式变量的变化，并在变化时执行 `updateGreeting` 函数。这样就实现了实时更新问候语的效果。

非常抱歉之前给您带来的困惑，希望这个示例可以帮到您。如果还有其他问题，请随时提问。