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

来源：2-7 setup返回render函数的用法

慕莱坞0998854

2021-03-11

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

下图的函数执行几次?
图片描述

写回答

2回答

Jokcy

2021-03-12

已采纳

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

Jokcy

慕莱坞0998854

好的！

2021-03-14

共2条回复

浴室熊

2021-12-26

分开写就会执行两次了

// 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)

Vue3.0+TS打造企业级组件库前端中高级开发者必修课

深度匹配高级前端工程师用人需求打造属于你自己的开源项目

1310 学习 · 250 问题

查看课程

相似问题

为什么这里用的是ref而不是reactive

回答 1

vue3如何得知哪些数据变化会重新渲染组件

回答 1

函数组件

回答 1

关于5-1小节中，使用computed优化retrieveSchema调用的疑问

回答 1

这里导入的h为什么会报错呢

回答 3

打开慕课网App查看更多内容