關於陣列的響應式方法和非響應式方法

2022-02-14 04:44:26 字數 1570 閱讀 4050

vue內部修改陣列的方法:

vue.set( 要修改的物件,索引值,修改後的值)vue.set(this.array,0,'加油')   將陣列中第乙個元素修改為  加油

vue中對陣列是響應式的方法:

1.push():該方法是在陣列最後新增資料    假設陣列為array

this.array.push('a') **********====> 在陣列array的最後新增乙個a

this.array.push(『a』,'b','c')**********>在陣列array的最後新增上三個元素,a,b,c

2.splice (): 該方法有三個引數,例子: this.array.splice(1,0,'f')   

第乙個引數為:從第幾個開始?

第二個引數為:刪除幾個?

第三個引數為:插入什麼引數?

刪除元素:第二個引數傳入,代表著你要刪除幾個元素?如果沒有傳入的話,就刪除後面所有的元素

this.array.splice(1,2) 從第乙個引數開始,刪除倆個引數! this.array.splice(1),從乙個引數開始,刪除後面所有的引數!

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

this.array.splice(1,1,'a') 從第乙個引數開始將下乙個元素替換成a;

this.array.splice(1,3,'a','b','c')從第乙個引數開始將下面的三個元素替換成a,b,c

插入元素:第二個元素傳入0,後面寫要插入的元素就可以了

this.array.splice(1,0,'a')在第乙個引數後面插入a

this.array.splice(1,0,'a','b','c')在第乙個引數後面插入a,b,c

3.pop (): 該方法,刪除陣列最後乙個元素;

this.array.pop();

4.shift (): 該方法,刪除陣列第乙個元素

this.array.shift();

5.unshift ():該方法在陣列最前面新增元素,

this.array.unshift('加油喲')  在陣列前面新增乙個元素:加油喲

this.array.unshift('a','b','c')  在陣列前面新增三個元素:a,b,c

6.sort (): 該方法是對陣列進行排序的

this.array.sort();

正常排序是如此,那麼亂序怎麼寫呢?   

this.array.sort(()=>math.random()-.5) 就可以實現亂序了

7.reverse (): 該方法是對陣列進行反轉的

this.array.reverse();

vue中對陣列是非響應式的方法

通過索引改變陣列不是響應式的

this.array[0] = 'aaa'

vue的響應式系統 和響應式原理

web m v 組成 mvc 發生在後端 mvc 是一種使用 mvc model view controller 模型 檢視 控制器 設計建立 web 應用 model 模型 表示應用程式核心 比如資料庫記錄列表 view 檢視 顯示資料 資料庫記錄 controller 控制器 處理輸入 寫入資料...

關於響應式布局

隨著網際網路的快速發展,以及html5 css3的迅速崛起。漸漸的響應式布局,也會慢慢的出現在我們的視野裡,身為專業的web前端人員,還不學習新技術你就out啦!為什麼這樣說呢?因為響應式布局能同時相容多個終端,比如 手機 平板 pc 做乙個 轉眼間就可以變成3個 和現在相比是不是更加具有優勢呢 可...

關於響應式布局

在談響應式布局前,我們先梳理下網頁設計中整體頁面排版布局,常見的主要有如下幾種型別 布局型別 布局實現 採用何種方式實現布局設計,也有不同的方式,這裡基於頁面的實現單位而言,分為四種型別 固定布局 可切換的固定布局 彈性布局 混合布局。固定布局 以畫素作為頁面的基本單位,不管裝置螢幕及瀏覽器寬度,只...