Vue3 获取当前时区时间 - JavaScript Date 对象使用示例

在Vue3中，你可以使用JavaScript的Date对象来获取当前时区的时间。以下是一个示例：

<template>
  <div>
    <p>当前时区时间: {{ currentTime }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: null
    }
  },
  mounted() {
    this.getCurrentTime()
  },
  methods: {
    getCurrentTime() {
      const date = new Date()
      this.currentTime = date.toLocaleString()
    }
  }
}
</script>

在上述示例中，我们在mounted生命周期钩子中调用getCurrentTime方法来获取当前时区的时间。使用new Date()创建一个新的Date对象，然后使用toLocaleString()方法将日期对象转换为本地日期和时间字符串。最后将该字符串赋值给currentTime属性，以在模板中显示当前时区时间。

请注意，上述代码将使用用户的浏览器时区来获取时间。如果你需要使用特定的时区，可以使用第三方库，例如moment.js或day.js，来处理时区转换。