vue3显示当前日期时间
时间: 2023-09-16 13:13:09 浏览: 253
显示当前时间和日期
可以使用JavaScript内置的Date对象来获取当前日期时间,然后在Vue3中显示它。
以下是一个简单的示例代码:
```html
<template>
<div>
<p>{{ currentDate }}</p>
</div>
</template>
<script>
export default {
data() {
return {
currentDate: ''
}
},
mounted() {
this.currentDate = new Date().toLocaleString()
}
}
</script>
```
在这个示例中,我们在组件的`mounted`生命周期钩子中使用`toLocaleString()`方法来获取当前日期时间,并将其赋值给`currentDate`属性。然后,我们在模板中使用插值表达式来显示当前日期时间。
注意,这只是一个简单的示例,如果你需要更复杂的日期时间格式,你可以使用JavaScript中的其他日期和时间方法来格式化它。
阅读全文