如何更好的使用VUE之資料處理方式

2021-10-03 18:22:20 字數 969 閱讀 1031

qq群:602504799

如若有不理解的,可加qq群進行諮詢了解

在我前端工作之前,在處理資料的時候,我經常在想如何更好的處理資料,對資料的可空性更高,更好的變換。

其實這個也不是什麼技術要點,只是在開發的時候,更加如意,特別在修改的是也方便。

我的思路是,基礎資料是不容改變的。然後通過其它的方式來進行獲取相對應的資料,或者其它的資料格式。

例如:

const arr = [

,,,]// 現在我只想獲取arr裡面的數字,

const arrnum = arr.map(item=>)

// [1,2,3,4]

// 我想獲取value加上name的合併字串

const arrstr = arr.map(item => )

// ["1a", "2b", "3c", "4d"]

上面這兩種其實就是最簡單的方式,可以說體現的效果並不大。

現在我就假設資料裡面有10種資料,並且以每4個分一組

const arrtest = new array(10)

function getlist ( data ) ))

}return arr

}getlist(arrtest)

結果如下:

現在我就來寫個簡單的資料列表加分頁的功能,以及前端本地實時搜尋功能的元件

共 } 頁

在上面的**中,我們可以看到,this.list的資料是沒有進行該變的,迴圈出來的永遠是處理後的資料。

雖然當前的list的基礎資料很單一,全是數字。如果list是個複雜的資料,你也可以使用getdata裡面進行處理資料,還是不會對list進行做更改。

Python之資料處理

靠別人不如靠自己,學學學學學學學學!原資料 需求 coding utf 8 txtfile aminer1.txt newtxtfile open new txtfile,w with open txtfile,r as file to read lines file to read.readlin...

python之資料處理

檔案資料讀寫的基本操作 import this 本地檔案的界定 指向乙個本地儲存的檔案,是乙個連線或者乙個對映 path1 c users 11786 desktop test.txt 正斜線兩個或者反斜線乙個來用於資料路徑的表達 再或者用r 寫在檔案路徑外面 推薦第三種 path2 c users...

資料互動之資料處理

資料互動必須通過協議來實現,所以互動雙方必須遵循一定的讀寫規則 我的方法很簡單但可以用,如果大家有好的方法,不妨交流一下 實現方法 資料流類datastream有兩個char 型指標,分別用來儲存讀寫的資料,還有w pos,r pos兩個資料用來記錄讀寫的位置,而且要用到互斥鎖,確保指標的安全性 v...