### 回答1：
你可以使用
JavaScript的Date对象来获取当前
年月日时分秒。以下是获取当前
时间的
Vue代码示例：
```html
<template>
<div>
<p>当前
时间：{{ currentTime }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentTime: ''
}
},
mounted() {
setInterval(() => {
const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const day = now.getDate();
const hour = now.getHours();
const minute = now.getMinutes();
const second = now.getSeconds();
this.currentTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}, 1000);
}
}
</script>
```
这个示例中，我们将当前
时间绑定到了 `this.currentTime` 属性上，并使用setInterval()函数每秒钟更新一次。在每次更新时，我们使用Date对象获取当前
时间的
年月日时分秒，并将其格式化为字符串赋值给 `this.currentTime`。
### 回答2：
在
Vue中，我们可以使用
JavaScript的Date对象来获取当前的年、月、日、时、分和秒。
首先，在
Vue组件中导入Date对象：
```
import { mapGetters } from '
vuex';
export default {
computed: {
...mapGetters(['currentDate']),
},
}
```
然后，在
Vuex store中的getters中
定义一个计算属性来获取当前
日期：
```
const store = new
Vuex.Store({
state: {
currentDate: new Date(),
},
getters: {
currentDate: state => {
return state.currentDate;
},
},
});
```
接着，在
Vue模板中，可以使用`{{ currentDate.getFullYear() }}`来获取年份，`{{ currentDate.getMonth() + 1 }}`来获取月份（要加上1，因为月份是从0开始计算的），`{{ currentDate.getDate() }}`来获取天数，`{{ currentDate.getHours() }}`来获取小时，`{{ currentDate.getMinutes() }}`来获取分钟，以及`{{ currentDate.getSeconds() }}`来获取秒数。
例如，要显示当前
时间的
年月日时分秒：
```
<template>
<div>
当前
时间：{{ currentDate.getFullYear() }}年{{ currentDate.getMonth() + 1 }}月{{ currentDate.getDate() }}日 {{ currentDate.getHours() }}:{{ currentDate.getMinutes() }}:{{ currentDate.getSeconds() }}
</div>
</template>
```
这样就可以获取并显示当前的年、月、日、时、分和秒了。
### 回答3：
vue获取当前
年月日时分秒可以使用
JavaScript的Date对象，并结合
vue的数据绑定来实现。
首先，在
vue的data中
定义一个变量来存储当前
日期和
时间的值，例如currentTime：
```
data() {
return {
currentTime: ''
}
}
```
然后，在
vue的mounted生命周期中，使用
JavaScript的Date对象来获取当前
日期和
时间，并将其赋值给currentTime变量：
```
mounted() {
let currentDate = new Date();
let year = currentDate.getFullYear();
let month = (currentDate.getMonth() + 1).toString().padStart(2, '0');
let day = currentDate.getDate().toString().padStart(2, '0');
let hour = currentDate.getHours().toString().padStart(2, '0');
let minute = currentDate.getMinutes().toString().padStart(2, '0');
let second = currentDate.getSeconds().toString().padStart(2, '0');
this.currentTime = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
}
```
最后，在模板中使用数据绑定来显示当前的
年月日时分秒：
```
<div>{{ currentTime }}</div>
```
这样就能够获取到当前的
年月日时分秒，并在页面上显示出来。
本文介绍了如何在Vue.js应用中手动获取并显示当前的年月日时分秒，帮助前端开发者实现动态时间展示。
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
