vue.js 根据时间提示早中下晚

Vue.js 可以根据当前时间来提示早上、中午、下午和晚上。你可以使用计算属性来根据当前时间的小时数来确定时间段，然后在模板中使用这个计算属性来显示相应的提示。

下面是一个示例：

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

<script>
export default {
  data() {
    return {
      currentTime: new Date()
    };
  },
  computed: {
    timeGreeting() {
      const currentHour = this.currentTime.getHours();
      if (currentHour >= 5 && currentHour < 12) {
        return '早上好！';
      } else if (currentHour >= 12 && currentHour < 14) {
        return '中午好！';
      } else if (currentHour >= 14 && currentHour < 18) {
        return '下午好！';
      } else {
        return '晚上好！';
      }
    }
  }
};
</script>

在上面的示例中，我们使用了一个计算属性 `timeGreeting` 来根据当前时间的小时数返回相应的问候语。我们通过 `new Date()` 获取当前时间，并将其保存在 `currentTime` 数据属性中。然后，我们使用 `getHours()` 方法获取当前时间的小时数，并根据不同的时间段返回不同的问候语。

最后，我们在模板中使用 `{{ timeGreeting }}` 来显示这个问候语。

希望对你有帮助！如果还有其他问题，请随时提问。