vue 定义一个num数据 赋值为1设置定时器 每隔1s num值+1

在 Vue 中，你可以通过数据绑定和 JavaScript 的 `setInterval` 函数来实现这个功能。首先，在组件的数据选项（data option）中定义一个名为 `num` 的初始值为1：

<template>
  <div>
    <h1>当前数值: {{ num }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 1,
    };
  },
  mounted() {
    // 在挂载函数中设置定时器
    this.timerId = setInterval(() => {
      // 使用计算属性或方法更新 num 值
      this.num++;
    }, 1000); // 每隔1秒执行
  },
  beforeDestroy() {
    // 在组件卸载前清除定时器，防止内存泄漏
    clearInterval(this.timerId);
  },
};
</script>

在这个例子中，我们在组件挂载（mounted）时启动定时器，每秒钟调用一次 `num++` 来增加数值，并将结果实时显示在 `<h1>` 标签上。当组件即将销毁（beforeDestroy）时，会调用 `clearInterval` 清除定时器。