vue3中页面显示当前时间
时间: 2023-08-12 21:04:42 浏览: 98
页面显示当前时间
在Vue3中,您可以使用以下代码来显示当前时间:
首先,您需要在Vue组件中定义一个ref来存储当前时间:
```javascript
import { ref } from 'vue'
export default {
setup() {
const currentTime = ref('')
setInterval(() => {
currentTime.value = new Date().toLocaleTimeString()
}, 1000)
return {
currentTime
}
}
}
```
接下来,在模板中使用双花括号(mustache)语法来绑定currentTime:
```html
<p>Current time is: {{ currentTime }}</p>
```
这将在页面中显示当前时间,并且每秒钟更新一次。希望这可以帮助您!
阅读全文