vue2的响应式

作者: 不退则进_笑 | 来源:发表于2024-08-07 11:14 被阅读0次

1，不支持对象属性的动态添加和删除(对象属性新增/删除)
如果想在响应式对象上添加新属性，直接obj.xx=xx,xx是没有响应式的，只能通过vue.set或者this.$set

2,对数组响应式的支持只有push、pop、shift、unshift、splice 和 sort

3,无法根据索引进行响应式
this.items[0] = 'newValue'，不会起作用

4，如果想更新对象上已有的属性值可以

this.obj.xx = newValue
或者
 Object.assign(this.xx, {
        xx: "Jane",
        age:16
      });

5，最让我有点不能理解的：
定义一个obj的空响应式对象，直接

this.obj={
    name:111,
    age:222
}

此时的name和age都变为了响应式数据,所以以后可以直接赋予值

面试总结之基础(2)
Vue2响应式原理 Vue3响应式原理
深入 Vue3 源码，学习响应式原理
Vue2 响应式原理学过 Vue2 的话应该知道响应式原理是由 Object.defineProperty 对数...
2021-07-23 vue2与vue3的响应式原理
vue2的响应式原理无法响应对象的新增与删除 vue3的响应式原理
Vue3.2 响应式原理源码剖析，及与 Vue2 .x响应式的区
本文源码版本 Vue3.2.11，Vue2 响应式源码剖析点这里深入浅出 Vue2 响应式原理源码剖析[http...
Vue的响应式浅析
1 Vue如何实现响应式? Vue的响应式是建立在监听data中的数据. 2 在Vue2中响应式的实现 Vue通过...
36.响应式原理
手写响应式原理-vue3 手写响应式原理-vue2 非常感谢王红元[https://link.juejin.cn/...
🥤 简述：Vue2和Vue3开发区别
响应式原理api的改变Vue2响应式原理采用的是defineProperty，而vue3选用的是proxy。这两者...
vue2中computed原理
要理解这个，首先要理解vue2的数据响应式原理，因为computed这个API的实现是建立在数据响应式的基础之上的...
2021-03-03
vue vue 是如何实现响应式数据的呢？Vue2：Object.definProperty 重新定义 data ...
Vue3
Vue3启程关键字：创建vue实例、响应式、响应式原理、组合式API 1. 初始Vue3 Vue2存在一些缺陷，...

网友评论

本文标题：vue2的响应式

本文链接：https://www.haomeiwen.com/subject/zqqgxjtx.html

vue2的响应式