vue中， setInterval常见bug

### 回答1：
vue中使用setInterval的一个常见问题是，在组件销毁时忘记清除定时器。这会导致内存泄漏，因为定时器仍然在运行，却不再需要了。

解决这个问题的方法是在组件销毁时清除定时器。在vue中可以在beforeDestroy钩子函数中清除定时器。

data: {
    intervalId: null,
},
mounted() {
    this.intervalId = setInterval(() => {
        // do something
    }, 1000);
},
beforeDestroy() {
    clearInterval(this.intervalId);
}

你也可以使用 vue-next 的 setup 函数来清除定时器.

import { onUnmounted } from 'vue'
let intervalId

export default {
  setup(){
    intervalId = setInterval(() => {
        // do something
    }, 1000);
    onUnmounted(() => {
      clearInterval(intervalId)
    })
  }
}

这样就可以防止组件销毁时忘记清除定时器导致内存泄漏。

### 回答2：
在Vue中，使用setInterval有几个常见的bug：

1. 内存泄漏：setInterval会创建一个计时器，如果在Vue组件中使用setInterval并且没有正确地清除计时器，计时器会一直运行并占用内存，导致内存泄漏。为了避免这个bug，应该在Vue组件的生命周期钩子函数中，例如beforeDestroy或destroyed中手动清除计时器。

2. 异步更新数据：在Vue中，数据的更新是异步的，这意味着在Vue实例中使用setInterval更新数据时，不能直接修改数据，而是应该通过Vue提供的this.$set方法来更新数据。否则，数据可能不会立即更新，从而导致界面显示的数据不一致。

3. 作用域问题：在Vue组件中使用setInterval时，可能会遇到作用域问题。由于setInterval是在全局作用域中执行的，因此在回调函数中无法直接访问组件实例的数据和方法。为了解决这个问题，可以使用箭头函数来绑定正确的作用域，或者将回调函数定义为组件方法并使用bind方法来绑定作用域。

总结起来，在Vue中使用setInterval时，需要注意清除计时器、使用this.$set方法来更新数据以及处理作用域问题，以避免常见的bug。