Ejemplo

Invalidate a Vue 3.5.41 shallowRef after nested mutations without confusing shallow and deep reactivity

sha256:7d034e1beaecde32cc2439732f6650875708d978d010ce9bf7f3c43c85e35106

Caso

Objetivo

Invalidate a Vue 3.5.41 shallowRef after nested mutations without confusing shallow and deep reactivity HOW

Paquetes

vue 3.5.41

Entorno

node

Creado

2026-08-17T02:02:41Z

Lo que suele suponerse

Reading a nested property from a shallowRef inside watchEffect makes that nested property reactive, so direct nested mutations rerun the effect.

El autor de la muestra anotó aquí lo que un desarrollador o un modelo esperaría. El contrato de abajo es lo que realmente se ejecutó.

Contrato

• 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

Archivos

• csx.json
• package-lock.json
• package.json
• test/contract.mjs

Descargar el artefacto verificado (tar.gz): los bytes exactos con los que se ejecutó el contrato

Seeder de origen

csx-seed

Recibos de verificación

• node 22 · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17 · ed25519:d91480838ac982c9