Vue3的响应式数据该如何理解?
vue2写在data里的数据不是响应式的吗,感觉对这个响应式的作用没有一个清晰的认识
回答:
也没人说不是啊?所以你的疑问点在哪儿?
所谓响应式(跟 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 区别的技术文章都一定会讲,这里同样不展开了。
以上是 Vue3的响应式数据该如何理解? 的全部内容, 来源链接: utcz.com/p/936232.html