今天学到了什么#

• 响应式对象的赋值

为什么，响应式对象里面的每个属性不都是响应式的吗？难道说关键点在于get返回的是什么，基本类型返回的是值，对象返回的是地址？#

对，关键点基本就在你说的这两句话上：Vue 的响应式不是“值本身带响应式”，而是“对某个对象的某个属性的读写被拦截并追踪”。所以“属性是响应式的”这句话更准确的理解是：对 person.age 这次访问/修改是可追踪的，而不是“age 这个数字离开对象后还自带响应式”。

更具体拆开看：

• reactive() 返回的是一个 Proxy。
• 响应式依赖收集发生在“某个 effect（渲染/计算属性/侦听器）里执行到 get 时”，Vue 记录：谁在用 target 的哪个 key。
• 触发更新发生在“对同一个 target/key 做 set 时”。

然后你遇到的现象来自 get 的返回值类型：

1
let age = person.age   // age 得到的是一个 number 值（比如 18）
2
age++                  // 改的是局部变量 age

1
const info = person.info
2
info.name = 'x'

1
let info = person.info
2
info = { name: 'y' }   // 只是把局部变量 info 指向新对象

1
const age = toRef(person, 'age')
2
age.value++   // 等价于 person.age++

因为这没有对 person.info 做 set？不对吧，响应式对象里面每一个属性都是响应式的，就都有对应的get和set，虽然赋值给info了，但是info指向的是具有响应式的对象，info被赋值不应该触发set吗¹？#

你这里卡点非常典型：Proxy 的 get/set 只会拦截“对象属性的读写”，拦截不到“变量本身的重新赋值”。

1
const info = person.info
2
info = { name: 'y' }

1
person.info = { name: 'y' } // ✅ 这是给 person 的 info 属性赋值，会触发 Proxy.set

1
const infoRef = ref(person.info)
2
infoRef.value = { name: 'y' } // ✅ 这是对 infoRef 这个对象的 value 属性 set，可触发

person.info = { name: ‘y’ }能被拦截到，是因为info本身就是person里面的属性，而赋值给info后，info本身就只是一个变量，所以没有谁能拦截他的指向#

对，你这句话已经抓到本质了，而且表述很准确。

更精确地说：

• person.info = { name: 'y' }
  这是一次“对象属性赋值”。person 是响应式代理（Proxy），所以这一步会走 Proxy 的 set(target, key, value)，Vue 就能拦截、触发更新。

• const info = person.info; info = { name: 'y' }
  第一行是“读取对象属性”（会走 get），第二行是“给普通变量重新赋值”。变量赋值不是“某个对象的某个属性 set”，所以 没有 Proxy 介入点，自然也谈不上拦截、触发更新。

你可以把它理解成两类“可被 Vue 追踪的写操作”：

1. 写到“响应式对象的属性”上：proxy.xxx = ...（能拦截）
2. 写到“ref 的 value 属性”上：someRef.value = ...（能拦截）

而“写到普通变量”上：x = ...（不能拦截）

所以 Vue 才会让你用 ref 来把“变量”也变成可追踪对象：变量的“指向变化”就被转化成了 ref.value 这个属性的变化。

如果你还想再加深一点：Vue 的依赖关系记录的是“哪个 effect 依赖了哪个 target/key”。
person.info 有明确的 target=personRaw, key='info'；
而局部变量 info 没有 target/key 这种可追踪的落点，所以系统无法建立依赖图。