Vue.js是一种用于构建用户界面的JavaScript框架，它提供了许多方便的方法来处理日期和时间。在Vue中获取当前时间有多种方法，下面我将介绍其中几种常用的方法。

1. 使用JavaScript的Date对象：

`javascript

var currentTime = new Date();

`

这将创建一个表示当前时间的Date对象。你可以使用Date对象的各种方法来获取年份、月份、日期、小时、分钟、秒等。

`javascript

var year = currentTime.getFullYear();

var month = currentTime.getMonth() + 1; // 月份从0开始，所以要加1

var day = currentTime.getDate();

var hour = currentTime.getHours();

var minute = currentTime.getMinutes();

var second = currentTime.getSeconds();

`

这些方法将返回当前时间的各个部分。

2. 使用moment.js库：

moment.js是一个流行的JavaScript日期处理库，它提供了丰富的方法来处理日期和时间。你可以使用npm或者直接在HTML中引入moment.js库。

`javascript

var currentTime = moment();

`

这将创建一个表示当前时间的moment对象。你可以使用moment对象的各种方法来获取年份、月份、日期、小时、分钟、秒等。

`javascript

var year = currentTime.year();

var month = currentTime.month() + 1; // 月份从0开始，所以要加1

var day = currentTime.date();

var hour = currentTime.hour();

var minute = currentTime.minute();

var second = currentTime.second();

`

这些方法将返回当前时间的各个部分。

3. 使用Vue的计算属性：

在Vue中，你还可以使用计算属性来获取当前时间。计算属性是根据依赖的数据动态计算得出的属性。

`javascript

new Vue({

data: {

currentTime: new Date()

},

computed: {

year: function() {

return this.currentTime.getFullYear();

},

month: function() {

return this.currentTime.getMonth() + 1;

},

day: function() {

return this.currentTime.getDate();

},

hour: function() {

return this.currentTime.getHours();

},

minute: function() {

return this.currentTime.getMinutes();

},

second: function() {

return this.currentTime.getSeconds();

}

}

});

`

这样，你可以在Vue模板中直接使用这些计算属性来获取当前时间的各个部分。

以上是几种常用的方法来获取当前时间的示例。你可以根据自己的需求选择合适的方法来获取和处理时间。希望对你有所帮助！

上一篇

vue获取当前时间的前一天

下一篇

vue瀑布流式页面布局