vue.js 定时执行

在 Vue.js 中，你可以使用 `setInterval` 方法来定时执行某个函数。在组件的 `created` 或 `mounted` 生命周期钩子函数中，使用 `setInterval` 方法即可实现定时执行。

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  created() {
    setInterval(() => {
      // 每隔一秒钟更新一次 message
      this.message = 'Hello Vue! ' + new Date().toLocaleTimeString()
    }, 1000)
  }
}
</script>

在上面的代码中，我们在 `created` 生命周期钩子函数中使用 `setInterval` 方法来每隔一秒钟更新一次 `message` 数据。这样就实现了定时执行的效果。

相关问题

vue.js实现打字机字幕效果

你可以使用Vue.js来实现打字机字幕效果。下面是一个简单的示例代码：

<template>
  <div>
    <h1>{{ subtitle }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      subtitle: '',
      text: '这里是打字机字幕效果的文本',
      currentIndex: 0,
      typingSpeed: 100 // 每个字符的打字速度（毫秒）
    };
  },
  mounted() {
    this.startTyping();
  },
  methods: {
    startTyping() {
      setInterval(() => {
        if (this.currentIndex < this.text.length) {
          this.subtitle += this.text.charAt(this.currentIndex);
          this.currentIndex++;
        }
      }, this.typingSpeed);
    }
  }
};
</script>

在上面的代码中，我们使用了`subtitle`来绑定到`<h1>`标签中，这是我们的打字机字幕效果要显示的文本。通过`currentIndex`来追踪当前打印的字符位置，并使用`charAt()`方法获取每个字符。`startTyping()`方法使用`setInterval()`来定时执行打印操作，直到打印完成。

你可以根据需求调整`typingSpeed`的数值来控制每个字符打印的速度。