Vue哪些数组操作是响应式的 数组操作

    技术2022-07-11  151

    一、响应式操作 1.push this.letter.push(‘aaa’,‘bbb’)

    2.pop();删除数组中的最后一个元素 this.letter.pop();

    3.shift(); 删除数组中的第一个元素 this.letter.shift()

    4.unshift();在数组最前面添加一个元素 this.letter.unshift(‘aaaa’)

    5.splice();删除元素/插入元素/替换元素 删除元素:第二个参数传入要删几个元素,参数二没传后面全删 this.letter.splice(start,num) this.letter.splice(起始位置从0开始,删除个数)

    插入元素:第二个参数传入0,并且后面跟上需要插入的元素 this.letter.splice(start,0,‘aaa’,‘bbb’) this.letter.splice(起始位置从0开始,0,插入的元素,可以是多个)

    替换元素:第二个参数,表示要替换几个元素,后面跟上要替换的元素 this.letter.splice(start,2,‘23456’,‘7890’) this.letter.splice(起始位置从0开始,替换个数(也可以理解为删除个数),替换元素(可以比替换个数多,可以理解为删除后插入的元素))

    6.sort();排序 this.letter.sort();

    7.reverse(); 反转 this.letter.reverse();

    8.Vue.set() vue.set(this.letter,0,‘bbbb’) vue.set(数组,下标,‘修改的东西’)

    二、非响应式操作 通过索引值修改数组中的元素,不算相应式的,数据改了,界面不会改变

    Processed: 0.011, SQL: 9