vue获取当前时间，每秒刷新

您可以使用Vue.js中的计算属性来获取当前时间并每秒刷新。以下是一个示例代码：

<template>
  <div>
    <p>Current Time: {{ currentTime }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: '',
    };
  },
  computed: {
    refreshTime() {
      setInterval(() => {
        this.currentTime = new Date().toLocaleTimeString();
      }, 1000);
    },
  },
  mounted() {
    this.refreshTime;
  },
};
</script>

在上述代码中，我们首先定义了一个字符串类型的数据 `currentTime` 来保存当前时间，并在模板中进行显示。然后，我们使用一个名为 `refreshTime` 的计算属性，在组件挂载后设置每秒钟更新当前时间的定时器。每秒钟更新当前时间并将其保存到 `currentTime` 数据中。最后，我们在模板中使用 `{{ currentTime }}` 表达式来显示当前时间。

相关问题

vue 获取当前时间的时分秒

在Vue中，你可以使用JavaScript的Date对象来获取当前时间的时、分、秒。以下是一种实现方式：

// 获取当前时间
let currentTime = new Date();

// 获取时分秒
let hours = currentTime.getHours();
let minutes = currentTime.getMinutes();
let seconds = currentTime.getSeconds();

// 将时分秒格式化为两位数
hours = String(hours).padStart(2, '0');
minutes = String(minutes).padStart(2, '0');
seconds = String(seconds).padStart(2, '0');

// 输出结果
console.log(`${hours}:${minutes}:${seconds}`);

vue 获取当前时间 精确到秒

可以使用 JavaScript 中的 Date 对象来获取当前时间，然后使用 Vue 的数据绑定将时间显示在页面上。具体代码如下：

<template>
  <div>
    {{ currentTime }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: ''
    }
  },
  mounted() {
    setInterval(() => {
      const date = new Date()
      const hours = date.getHours()
      const minutes = date.getMinutes()
      const seconds = date.getSeconds()
      this.currentTime = `${hours}:${minutes}:${seconds}`
    }, 100)
  }
}
</script>