如何使用vue获取当前时间

你可以使用Vue的生命周期钩子函数和Date对象来获取当前时间并实时刷新。下面是一个示例代码：

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

<script>
export default {
  data() {
    return {
      nowTime: ""
    };
  },
  mounted() {
    this.updateTime();
    setInterval(() => {
      this.updateTime();
    }, 1000);
  },
  methods: {
    updateTime() {
      const date = new Date();
      const hours = date.getHours();
      const minutes = date.getMinutes();
      const seconds = date.getSeconds();
      this.nowTime = `${hours}:${minutes}:${seconds}`;
    }
  }
};
</script>

在上面的代码中，我们首先在data中定义了一个nowTime属性，用于存储当前时间。然后，在mounted生命周期钩子函数中，我们调用了updateTime方法来更新当前时间，并使用setInterval函数每秒钟调用一次updateTime方法，以实现实时刷新。

updateTime方法中，我们使用Date对象获取当前时间的小时、分钟和秒，并将它们拼接成一个字符串，最后将该字符串赋值给nowTime属性。

这样，当组件加载完成后，页面上会显示当前时间，并且每秒钟会更新一次。