vuejs vue陣列操作

2021-08-10 09:29:09 字數 798 閱讀 5332

vue中陣列的操作總結:

一、根據索引設定元素:

1、呼叫$set方法:

this.arr.$set(index, val);

2、呼叫splice方法:

this.arr.splice(index, 1, val);

二、合併陣列:

this.arr = this.arr.concat(anotherarr);

三、清空陣列:

this.arr = ;

四、主要的陣列方法:

1、變異方法(修改了原始陣列),vue為觸發檢視更新,包裝了以下變異方法:

push()

pop()

shift()

unshift()

splice() //無論何時,使用該方法刪除元素時注意陣列長度有變化,bug可能就是因為她

sort()

reverse()

2、非變異方法(不會修改原始陣列而是返回乙個新陣列),如concat()、filter(),使用時直接用新陣列替換舊陣列,如上面的合併陣列例子。

五、注意:

//以下操作均無法觸發檢視更新

this.arr[index] = val;

this.arr.length = 2;

詳細了解請參考vue官方文件

陣列變動檢測。

vuejs vue例項的生命週期

每個 vue 例項在被建立之前都要經過一系列的初始化過程。例如,例項需要配置資料觀測 data observer 編譯模版 掛載例項到 dom 然後在資料變化時更新 dom 下圖展示的就是乙個vue例項物件的生命週期。從圖上我們可以看到vue在生命週期中有這些狀態,beforecreate,crea...

陣列及陣列操作

c語言是在組合語言的基礎上就行的抽象,所以在理解c語言程式時,務必要以記憶體為基礎進行理解。關於陣列,只是同種型別資料的記憶體使用方式,除了在與指標連用時的語法比較繁瑣,其他都比較簡單。1 定義 初始化 使用 結合指標使用時,就要把它當做位址了 2 使用的情況 當儲存多個相同型別的資料時,可以使用陣...

ruby 陣列操作

陣列的建立 arr array.new num 建立num個元素的陣列,所有陣列元素為nil arr array.new num,elem 建立num個元素的陣列,所有陣列元素為elem arr array m.n 建立m.n元素為m到n的陣列 包括n m.n不包括n arr array elem1...