vue 24小时只显示一次

你可以使用localStorage来实现24小时只显示一次的功能。具体实现步骤如下：

1. 在需要控制显示的组件中，添加一个判断是否需要显示的方法。

2. 在该方法中，使用localStorage来获取上一次显示的时间，如果当前时间距离上一次显示的时间超过24小时，则返回true，否则返回false。

3. 如果需要显示，将当前时间存储到localStorage中。

以下是一个示例代码：

<template>
  <div v-if="shouldShow">需要显示的内容</div>
</template>

<script>
export default {
  data() {
    return {
      showTime: 24 * 60 * 60 * 1000 // 24小时的毫秒数
    }
  },
  computed: {
    shouldShow() {
      const lastShowTime = localStorage.getItem('lastShowTime')
      if (!lastShowTime || new Date().getTime() - lastShowTime > this.showTime) {
        localStorage.setItem('lastShowTime', new Date().getTime())
        return true
      }
      return false
    }
  }
}
</script>

在上面的代码中，我们使用localStorage来记录上一次显示的时间，如果当前时间距离上一次显示的时间超过24小时，则返回true，否则返回false。如果需要显示，则将当前时间存储到localStorage中。