老师，我有个地方不大明白

Question

数组监听这里，如果这样写依然是监听不到的啊。
data.nums.push({name: 100})
data.nums[3].name = 20

Answer 1

mrmooc 2021-03-04 21:18:24

push一个对象的时候，可以先将这个对象用Object.defineProperty包装一下

然后 ： data.nums.push(set({}, 'name', 100));

再改动name的值得时候，setter就会有响应

data.nums[3].name = 20;

不知道我这么理解有问题没有，期望老师给指点一二。

Answer 2

双越 2020-08-05 08:25:39

第二种方式肯定不行的。

第一种方式案例说应该可以，你调试一下下图这个方法，是不是被执行了？

• 提问者 催晚 #1

  第一种方式确实是可以的，我疑惑的是第一种方式赋值之后用第二种方式就无法监听了，那Vue是如果监听第二种方式的呢？

• 双越 回复 提问者 催晚 #2

  Vue2.x 应该也无法监听第二种方式。

• 慕粉3871079 回复 双越 #3

  第二种需要vue的set了吧，直接修改数组的数据需要set一下。