vue的shallowRef

shallowRef 是 Vue3 中的一个响应式 API，它可以用来创建一个“浅层响应式对象”，即创建一个具有响应式的引用类型数据。

与 ref 不同的是，使用 shallowRef 创建的对象只有在其引用的值发生改变时才会触发更新视图，而不会深度遍历其内部的属性。

下面是 shallowRef 的使用示例：

import { shallowRef } from 'vue'

const obj = { count: 0 }
const shallowObj = shallowRef(obj)

console.log(shallowObj.value.count) // 0

shallowObj.value = { count: 1 }
console.log(shallowObj.value.count) // 1

shallowObj.value.count++
console.log(shallowObj.value.count) // 2

在上面的代码中，我们使用 shallowRef 创建了一个对象 `shallowObj`，并将其初始值设为 `{ count: 0 }`。我们可以通过访问 `shallowObj.value` 来获取该对象的值，并且在对 `shallowObj.value` 进行赋值或修改属性值时，会触发视图更新。