当ref或者reactive数据改变后，return的函数会执行几次？

Question

如下所示，每隔一秒state和numberRef.value都会发生变化，那么这个return的函数会执行几次呢？
是state变化一次，这个函数就执行一次，然后numberRef变化，这个函数再执行一次
还是说等这两个数据都变化了，只执行一次呢？

下图的函数执行几次?

Answer 1

Jokcy 2021-03-12 20:45:45

这。。。你console.log一下不就知道了，虽然我可以直接告诉你答案是一次。。。

• 提问者 慕莱坞0998854 #1

  谢谢老师，我后来也反应过来可以自己console一下，发现是一次。但是慕课网这个提问没法撤销。。

• Jokcy 回复 提问者 慕莱坞0998854 #2

  好的！

Answer 2

浴室熊 2021-12-26 22:54:28

分开写就会执行两次了

// setup函数中
const numRef = ref(0)
const num2Ref = ref(1)
setInterval(() => {
  numRef.value++
}, 500)
setInterval(() => {
  num2Ref.value++
}, 500)

// return的render函数中
console.log(numRef.value, num2Ref.value)