6 Vue中陣列的響應式方法

2021-10-03 13:37:48 字數 949 閱讀 6112

響應式方法:該方法對陣列的陣列進行操作後,頁面上的資料也會發生變化

1、push():在陣列尾部增加乙個/多個元素

2、pop():在陣列尾部刪除乙個元素

3、shift():在陣列頭部刪除乙個元素

4、unshift():在陣列頭部增加乙個/多個乙個元素

5、splice():

該方法可刪除/插入/替換元素

刪除元素:

splice(start) :刪除從下標start開始的所有元素

splice(start,number):刪除number個元素,從下標start開始

插入元素:

splice(start,0,......):第二個引數固定為0,表示刪除0個,後面的引數為在下標start元素前插入的元素

替換元素:

splice(start,number,.....):從下標為start開始的元素刪除number個,將....這些元素替換到所刪除元素的位置

6、sort()

7、reverse()

注:通過索引直接修改陣列元素不是響應式的:this.names[0]='慶餘年',陣列中元素的卻發生了變化,但是頁面上沒變化

vue中也提供了響應式方法來代替該賦值操作:vue.set(要修改的物件,索引值,修改後的值)

VUE基礎(6) VUE的響應式系統

1.任何乙個vue component 都有乙個與之對應的watcher例項。2.vue的data上的屬性會被新增 getter 和 setter 屬性。3.當 vue component render 函式被執行的時候,data上會被接觸 touch 即被讀,getter 方法會被呼叫,此時vue...

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

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

VUE陣列響應式

例如 let array 1,2,3,4,5 array.foreach c,index function definereactive obj,key,val set newval 我們可以遍歷陣列,用陣列的索引作為 key,來給每一項打上getter setter。原因 如果你知道陣列的長度,理...