watch和setInterval是不是可以只需要其中一个就行了

Question

老师，这里的watch和setInterval是不是可以只需要其中一个也可以实现更新的问题呢？那为啥需要些两个一起。

Answer 1

扬_灵 2020-08-02 16:42:22

同学你好，在这里t

ask = setInterval(() => {
          update()
        }, 5000)
watch(() => props.data, () => {
        update()
})

这两种方式都是可以的，使用两个主要是为了解决watch和setInterval矛盾问题。使用watch的新特性，当监听到data变化后渲染页面隔5秒执行setInterval，然后把这个watch中止，变成一次性监听器。只要监听到一次变化后面每隔5秒都执行一下重新渲染。这里不能同时打开watch和setInterval否则会出现多次渲染更新问题。如果不能解决你的问题，可以继续追问。

• 大艾尔 #1

  请问一下，使用这种写法是不是也可以起到watch函数节流的作用？

• 扬_灵 回复 大艾尔 #2

  是可以的

• 见信 回复 扬_灵 #3

  老师，我看你这个图表，主要是想要达到每5秒切换一次图表显示的目的吧，而单纯的使用watch只有在props.data发生改变时才会切换图表，所以只有使用间歇性定时器来解决了，是这个意思吧？