如何在js中写入一个timing方法,在vue
时间: 2024-05-04 21:20:29 浏览: 215
仿真技术在发动机降油耗工作中的应用
在 Vue 中,你可以使用 `mounted` 生命周期钩子函数来执行一些初始化操作,包括设置定时器。下面是一个基本的例子:
```javascript
<template>
<div>
<p>计时器: {{ timer }}</p>
</div>
</template>
<script>
export default {
data() {
return {
timer: 0,
intervalId: null
}
},
mounted() {
this.intervalId = setInterval(() => {
this.timer++
}, 1000)
},
beforeDestroy() {
clearInterval(this.intervalId)
}
}
</script>
```
在这个示例中,我们在 `mounted` 生命周期钩子函数中设置了一个定时器,每秒钟增加 `timer` 的值。我们还在组件销毁之前使用 `beforeDestroy` 钩子函数清除了定时器。这样可以避免在组件被销毁之后仍然执行定时器回调函数的情况。
阅读全文