vue获取当前时间年月日时分

可以使用JavaScript的Date对象来获得当前时间，然后使用Vue的数据双向绑定将时间显示在页面上。以下是一个例子：

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

<script>
export default {
  data() {
    return {
      currentTime: ''
    }
  },
  mounted() {
    setInterval(() => {
      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()
      this.currentTime = `${year}-${month}-${day} ${hour}:${minute}`
    }, 1000)
  }
}
</script>

在这个例子中，mounted生命周期钩子会在组件渲染后执行。在这个钩子中，我们使用setInterval函数来每隔一秒更新一次currentTime数据。在更新数据的过程中，我们使用JavaScript的Date对象获取当前时间的年、月、日、小时和分钟，并将它们拼接成一个字符串。最后，我们将字符串赋值给currentTime变量，这样它就会被Vue渲染在页面上。