创建一个响应式代理，它跟踪其自身 property 的响应性，但不执行嵌套对象的深层响应式转换 (暴露原始值)。 <script setup> import { shallowReactive } from‘@vue/reactivity’ const dataList = shallowReactive({ count:0, obj: { name:‘吴八哥’, age:18 } }) const handleCountChange = () =>dataList.count++ const handleObjChange = () => { // dataList.obj = { a: 1, b: 2, c: 3 } dataList.obj.age = 15 //不生效 } </script> <template> <div v-text=”dataList.count“/> <button @click=“handleCountChange“>Count</button> <div v-text=”dataList.obj“/> <button @click=“handleObjChange“>Obj</button> </template> <style> </style>