少了一个 shallowRef

在Vue中，shallowRef是一个用于创建一个响式的ref对象的函数。与ref不同的是，shallowRef只会对其初始值进行浅层应式转换，而不会对其部的属性进行深层次的响应转换。

使用shallowRef可以创建一个简单的响应数据，例如：

import { shallow } from 'vue'

const data = { name: 'Alice', age: 20 }
const shallowData = shallowRef(dataconsole.log(shallowData.value) // { name: 'Alice', age: 20 }

// 修改data的属性
data.name = 'Bob'
console.log(shallowData.value) // { name: 'Bob', age: 20 }

// 修改shallowData的值
shallowData.value = { name: 'Charlie', age: 25 }
console.log(data) // { name: 'Bob', age: 20 }

在上面的例子中，我们使用shallowRef创建了一个名为shallowData的响应式数据。当我们修改原始数据data的属性时，shallowData也会相应地更新。但是，当我们直接修改shallowData的值时，原始数据data不会受到影响。

这种浅层响应式转换的特性使得shallowRef在某些情况下非常有用，例如当我们需要对一个对象进行监听，但又不希望监听其内部属性的变化时。

希望以上解答能够帮助到你！如果你还有其他问题，请随时提问。