Vue3的响应式数据该如何理解？

Question

vue2写在data里的数据不是响应式的吗，感觉对这个响应式的作用没有一个清晰的认识

Answer 1

也没人说不是啊？所以你的疑问点在哪儿？

---

所谓响应式（跟 CSS 里的响应式不是一回事儿），即视图改变、模型就随之改变；模型改变，视图也随之改变。这里的“视图”体现在 Web 里就是 DOM，“模型”体现在 Web 里就是 JS 里的一个对象。

为了实现这一点，三大框架选择了不同的道理，不展开了，感兴趣的话可以自己去了解。

Vue 选择的是数据劫持 + 观察者模式这条路。在 Vue 2.X 里数据劫持是基于 ES5 的 Object.defineProperty 实现的；而 Vue 3.X 是基于 ES6 的 Proxy 实现的。

这俩实现有啥区别、为啥 Vue 3.X 改成用 Proxy，任何一个讲 Vue 2.X/3.X 区别的技术文章都一定会讲，这里同样不展开了。