vue

ShallowRef not triggering reactivity on deep change

shallowRef.*not triggering|triggerRef.*needed

Fixes

1.Call triggerRef(myRef) after mutating nested properties of a shallowRef
2.Replace the entire value: myRef.value = {...myRef.value, updated: true}
3.Use ref() instead of shallowRef() if deep reactivity is needed

vuereactivityshallowRef

Related Errors

Cannot read property of undefined in setup()

Cannot read propert(y|ies) of undefined.*setup

•Initialize reactive refs before accessing nested properties
•Add optional chaining (?.) when accessing potentially undefined objects

Computed property getter returns undefined

computed property.*getter.*undefined

•Ensure computed getter always returns a value
•Check that reactive dependencies are initialized before computed runs

Direct prop mutation warning

Avoid mutating a prop directly

•Use a local data/ref copy of the prop instead of mutating directly
•Emit an event to let the parent update the prop value