vue.js怎么获取当前时间

在 Vue.js 中获取当前时间有多种方式，以下是其中的两种：

1. 使用 Date 对象获取当前时间

在 Vue.js 中可以使用 JavaScript 的 Date 对象获取当前时间。可以在 Vue 组件的 data 中定义一个变量来存储当前时间，然后在 mounted 钩子函数中使用 Date 对象获取当前时间并赋值给该变量。

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

<script>
export default {
  data() {
    return {
      currentTime: ''
    }
  },
  mounted() {
    this.currentTime = new Date().toLocaleString()
  }
}
</script>

2. 使用 Moment.js 库获取当前时间

Moment.js 是一个非常方便的 JavaScript 时间库，可以轻松地进行时间格式化、时间计算等操作。在 Vue.js 中，也可以使用 Moment.js 来获取当前时间。

首先，在 Vue 组件中引入 Moment.js 库：

<script>
import moment from 'moment'

export default {
  // ...
}
</script>

然后，在 mounted 钩子函数中使用 moment() 函数获取当前时间，并使用 format() 函数将其格式化为需要的时间格式。

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

<script>
import moment from 'moment'

export default {
  data() {
    return {
      currentTime: ''
    }
  },
  mounted() {
    this.currentTime = moment().format('YYYY-MM-DD HH:mm:ss')
  }
}
</script>

以上是两种获取当前时间的方法，可以根据自己的需求选择使用哪种方法。