vue3 获取当前时间

在Vue3中，可以使用JavaScript中的`new Date()`方法来获取当前时间。以下是一个获取当前时间并将其赋值给Vue3组件数据属性的示例代码：

<template>
  <div>
    <p>当前时间是：{{ currentTime }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: ''
    }
  },
  mounted() {
    this.getCurrentTime();
  },
  methods: {
    getCurrentTime() {
      const date = new Date();
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      const day = date.getDate();
      const hour = date.getHours();
      const minute = date.getMinutes();
      const second = date.getSeconds();
      this.currentTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
    }
  }
}
</script>

在上述代码中，我们在组件的`data`选项中定义了一个名为`currentTime`的数据属性，并在`mounted`钩子函数中调用了`getCurrentTime`方法。`getCurrentTime`方法中，我们使用`new Date()`方法获取当前时间，并将其格式化为`YYYY-MM-DD HH:mm:ss`的字符串格式，最后将其赋值给`currentTime`数据属性。