美文网首页
Vue2中通过索引修改数组是否具有响应式

Vue2中通过索引修改数组是否具有响应式

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-08-20 09:31 被阅读0次

先说结论

  • 索引值改变数组数据不是响应式
  • 通过索引修改某一项的对象的内部的属性可以实现响应式
var vm = new Vue({
      el: '#app',
      data: {
        // 数组类型的类型
        list: ['apple', 'orange', 'banana', { a: 123 }],
      }
    });
vm.list[1] = 'lemon'; // 用索引值改变数组数据不是响应式
vm.list[3] = {b:789} // 用索引值改变数组数据不是响应式的
vm.list[3].a = 456  // 通过索引修改某一项的对象的内部的属性是可以实现响应的改变的

相关文章

  • vue中v-for 深度循环数组页面不更新的问题

    vue2中对对象和数组实现响应式的时,是无法侦测到对象的增加和删除 ,另外直接修改数组的长度或者利用数组下标修改某...

  • Vue的响应式浅析

    1 Vue如何实现响应式? Vue的响应式是建立在监听data中的数据. 2 在Vue2中响应式的实现 Vue通过...

  • vue数组响应式原理

    vue2中Object.defineProperty响应式只对对象有效,对数组无效,所以对数组做额外处理。我们知道...

  • 响应式对象添加

    响应式数据中对于对象新增/删除属性以及数组的下标访问修改和添加数据等的变化观测不到。通过Vue.set以及修改数组...

  • vue2和vue3的响应式原理

    一、vue2响应式 1.实现原理 (1)对象类型 通过 对属性的读取、修改进行拦截(数据劫持)。 (2)数据类型 ...

  • vue2响应式原理

    vue2响应式原理 当修改响应式对象中的值时,添加了监听的都会重新执行 第一次watch1-3为首次添加监听执行,...

  • 面试总结之基础(2)

    Vue2响应式原理 Vue3响应式原理

  • 深入 Vue3 源码,学习响应式原理

    Vue2 响应式原理 学过 Vue2 的话应该知道响应式原理是由 Object.defineProperty 对数...

  • 八、数组(二)

    数组中新增元素 可以通过修改length长度以及索引号增加数组元素 通过修改length长度新增数组元素 可以通过...

  • vue 中数组和json的响应式

    一. vue 中数组操作的响应式 1. Vue 中javaScript 数组响应式操作的方法 push()方法响应...

网友评论

      本文标题:Vue2中通过索引修改数组是否具有响应式

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