Vuex中getters動態獲取state的值

2021-10-10 10:36:59 字數 689 閱讀 9737

在做專案時,getters裡有很多冗餘**,但是仔細一看可以根據引數來解決,於是決定使用傳參來進行獲取,減少**冗餘。

需求:在getters裡能夠根據值動態獲取到people的元素。經過多次嘗試,最終得到下面的**。

state.js**如下:

export

default,,

]}

getters.js**如下:

const getters =},

// 獲取state.person[0]

getperson1:

function

(state)

, getperson2:

function

(state)

}export

default getters

因為專案中資料還要響應式,因此我使用setinterval方法來模擬是否會實時更新,事實證明可以,因此可以推薦用這種方法。

說說 Vuex 的 getters 屬性

假設我們在 vuex 中定義了乙個陣列 const store new vuex.store 業務場景希望過濾出大於 5 的數。馬上想到的方法可能的是 在元件的計算屬性中進行過濾 效果 功能雖然實現了,但如果其它元件也需要過濾後的資料,那麼就得把 index.vue 中的計算過濾 複製出來。如果過濾...

Vue學習筆記 Vuex之Getters

getters只有當資料發生改變時才會重新倍計算 類似於計算屬性 需求 1 獲取uers年齡 age 大於18歲的資料 state getters getnum state,getters 需求 2 獲取uers年齡 age 大於18歲資料的數量 getters getnum state,gette...

Vuex學習總結 Getters(4)

vuex例項的getters相當於計算屬性,getters的結果根據其依賴關係進行快取,並且在其依賴發生更改時才重新計算。getters將vuex例項的state作為第乙個引數。store index.js import vue from vue import vuex from vuex vue....