shallowRef — non-deep ref. shallowReactive — non-deep reactive.
shallowRef:
shallowReactive:
1<script setup>2import { shallowRef, shallowReactive } from "vue"34const state = shallowRef({ count: 0 })5state.value = { count: 1 } // Triggers6state.value.count++ // Does NOT trigger78const obj = shallowReactive({ nested: { value: 0 } })9obj.nested.value++ // Does NOT trigger10obj.nested = { value: 1 } // Triggers11</script>
Key: Shallow for performance.