Vue3 关于 watch 监听异常的问题:Vue SFC Playground
17:35 因为父组件内的 template 中使用了 isShow 用于控制显示/隐藏,每次更新 isShow 的值都会重新渲染一次 template,且你在进行子组件的 props 传值的时候使用的是 …
(解构赋值),意味着每次传入子组件内的 propsParams 都是不一样的,自然会触发 watch 监听
- 验证:要么把使用 isShow 变量的
<p>
去掉 - 解决:改成
:propsParams="searchFormData"
Vue3 使用 ref 包裹数组,通过 list.value.push 的方式,设置 watchEffect 打印 list.value 不能更新,但是 Vue SCF Playground 可以
问题:SCF 劫持了 console.log repl/src/output/srcdoc.html at main · vuejs/repl · GitHub 解决:Vue SFC Playground