响应式转换是“深层”的——它影响所有嵌套 property。 在基于 ES2015 Proxy 的实现中，返回的 proxy 是不等于原始对象的。 建议只使用响应式 proxy，避免依赖原始对象。 reactive 将解包所有深层的 refs，同时维持 ref 的响应性。 reactive传入的只能是一个对象 <script setup> import { reactive, ref } from‘@vue/reactivity’ const count = ref(0) const dataList = reactive({ count, arr: [], obj: { name:‘吴八哥’, age:18 } }) const handleCount1Change = () =>count.value++ const handleCount2Change = () =>dataList.count++ const handleAgeChange = () =>dataList.obj.age++ </script> <template> <div v-text=”dataList.count“/> <button @click=“handleCount1Change“>Count1</button> <button @click=“handleCount2Change“>Count2</button> <div v-text=”dataList.obj.age“/> <button @click=“handleAgeChange“>Age</button> </template> <style> </style>