vue中的陣列哪些方法是響應式的

2021-10-10 11:06:05 字數 1207 閱讀 2973

我們常用到的運算元組的方法都是響應式的,可以對陣列進行相應的操作

push()尾部插入dom

// push方法

this.letters.push('aaa')

this.letters.push('aaaa', 'bbbb', 'cccc')

pop() 尾部刪除

//pop(): 刪除陣列中的最後乙個元素

this.letters.pop();

shift()頭部刪除

//shift(): 刪除陣列中的第乙個元素

this.letters.shift();

unshift()頭部插入

//unshift(): 在陣列最前面新增元素

this.letters.unshift()

this.letters.unshift('aaa', 'bbb', 'ccc')

splice()

splice作用: 刪除元素/插入元素/替換元素

// 刪除元素: 第二個引數傳入你要刪除幾個元素(如果沒有傳,就刪除後面所有的元素)

// 替換元素: 第二個引數, 表示我們要替換幾個元素, 後面是用於替換前面的元素

// 插入元素: 第二個引數, 傳入0, 並且後面跟上要插入的元素

// splice(start)

// splice(start):

this.letters.splice(1, 3, 'm', 'n', 'l', 'x')

// this.letters.splice(1, 0, 'x', 'y', 'z')

reserve() 陣列反轉

sort() 陣列排序

this.letters[0] = 'bbbbbb';
// this.letters.splice(0, 1, 'bbbbbb')

方法二:

// set(要修改的物件, 索引值, 修改後的值)

// vue.set(this.letters, 0, 'bbbbbb')

vue陣列中哪些方法是響應式的

vue陣列中響應式的方法 push 在陣列最後元素中追加元素 pop 刪除陣列最後乙個元素 shift 刪除陣列中第乙個元素 unshift 在陣列前面元素中追加元素 splice 刪除 插入 替換元素 sort 排序 reverse 反轉 注意 通過索引值修改陣列中的元素 雖然data被更改,但是...

Vue裡面陣列哪些方法是響應式的

簡述 push 方法,最後一位新增元素,響應式,資料改變 let letters a b c d e letters.push k pop 刪除最後一位元素,響應式,資料改變 let letters a b c d e letters.pop shift 刪除第乙個元素,響應式,資料改變 let l...

6 Vue中陣列的響應式方法

響應式方法 該方法對陣列的陣列進行操作後,頁面上的資料也會發生變化 1 push 在陣列尾部增加乙個 多個元素 2 pop 在陣列尾部刪除乙個元素 3 shift 在陣列頭部刪除乙個元素 4 unshift 在陣列頭部增加乙個 多個乙個元素 5 splice 該方法可刪除 插入 替換元素 刪除元素 ...