自己注册网站seo在线优化工具 si
你可以使用Vue框架来创建一个简单的时钟页面。首先,你需要在HTML文件中引入Vue框架的CDN:
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
然后,创建一个包含时钟功能的Vue实例:
<div id="clock"><h1>{{ time }}</h1>
</div><script>new Vue({el: '#clock',data: {time: ''},mounted() {setInterval(() => {this.time = new Date().toLocaleTimeString();}, 1000);}});
</script>
在这个示例中,我们使用Vue的双花括号语法来绑定time
变量到<h1>
元素中。在mounted
钩子函数中,我们使用setInterval
函数每秒更新一次time
变量。