美文网首页
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  // 通过索引修改某一项的对象的内部的属性是可以实现响应的改变的
    

    相关文章

      网友评论

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

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