制作网站需要学什么软件有哪些,外国优秀网站设计,学生校园网站模板,数字图书馆网站建设当 b 更新时 a 并不会更新#xff0c;因为watchEffect的依赖收集在该案例中停止于await asyncFn()#xff0c;也就是只会收集同步代码的依赖#xff0c;await 之后的异步代码的依赖并不会收集到
template
diva: {{ a }} brb: {{ b }} br因为watchEffect的依赖收集在该案例中停止于await asyncFn()也就是只会收集同步代码的依赖await 之后的异步代码的依赖并不会收集到
template
diva: {{ a }} brb: {{ b }} brbutton clickbb/button
/div
/templatescript setup langts
import {ref, watchEffect} from vue;const a ref(1);
const b ref(1);function asyncFn() {return new Promise((resolve) {resolve(true);})
} watchEffect(async() {await asyncFn();a.value b.value;
})
/script解决方法1
watchEffect(async() {a.value b.value;await asyncFn();
})解决方法2
watchEffect(async() {b.value;await asyncFn();a.value b.value;
})
