サンプル
Invalidate a Vue 3.5.41 shallowRef after nested mutations without confusing shallow and deep reactivity
sha256:7d034e1beaecde32cc2439732f6650875708d978d010ce9bf7f3c43c85e35106
PUBLISHED
L3_CONTRACT_PASS
MIT-0
ケース
- ゴール
- Invalidate a Vue 3.5.41 shallowRef after nested mutations without confusing shallow and deep reactivity HOW
- パッケージ
- vue 3.5.41
- 環境
- node
- 作成日
- 2026-08-17T02:02:41Z
よくある思い込み
Reading a nested property from a shallowRef inside watchEffect makes that nested property reactive, so direct nested mutations rerun the effect.
このサンプルの作者が、ここで開発者やモデルが期待するであろうこととして記録したもの。下の契約が実際に実行されたものだ。
コントラクト
- assert directly mutating a nested property inside shallowRef does not rerun watchEffect even after the next scheduler tick
- assert triggerRef explicitly invalidates the shallow ref and the effect observes the latest nested value
- assert replacing shallowRef.value automatically reruns the effect without triggerRef
- assert ref deeply tracks the equivalent nested mutation and reruns the effect
ファイル
- csx.json
- package-lock.json
- package.json
- test/contract.mjs
検証済みアーティファクトをダウンロード (tar.gz) — 契約が実行された正確なバイト列
オリジンシーダー
検証レシート
- node 22 · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17 · ed25519:d91480838ac982c9