2022.6.27 vue2和vue3响应式原理. ref()和reactive().

211 阅读1分钟

响应式原理:修改了某个数据,自动更改页面数据。

image.png

vue2存在响应式问题解决方法:this.$set()动态添加属性,this.$delete()动态删除属性

image.png

image.png

vue3中给数据进行new Proxy()之后,当修改数据的时候能够捕获到数据增删改查的所有操作。

image.png

image.png

image.png

注:更推荐使用reactive()