Vue 响应式进阶：shallowRef

ref( ) 的浅层作用形式，它只跟踪引用本身的更改，而不跟踪其内部属性的更改，只有对 .value 的访问是响应式的。

const state = shallowRef({ count: 1 })

// 不会触发更改
state.value.count = 2

// 会触发更改
state.value = { count: 2 }

使用场景：

• 当你有一个较大的对象或数组，不希望其内部属性变化时引起不必要的重新渲染
• 当你想要避免深层次对象的完整响应式追踪，以提高性能