查企业年报的网站,网站维护包括,网站做搜索引擎优化,关于网站建设方案的案例当 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;
})
