這篇文章主要介紹了vuex中的Getter如何用的相關(guān)知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇vuex中的Getter如何用文章都會有所收獲，下面我們一起來看看吧。

喀左ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

前言

Vuex 允許我們在 store 中定義“getter”（可以認為是 store 的計算屬性）。就像計算屬性一樣，getter 的返回值會根據(jù)它的依賴被緩存起來，且只有當它的依賴值發(fā)生了改變才會被重新計算。

以官網(wǎng)的例子來說明，官網(wǎng)代碼如下：

 

在組件中使用以下代碼訪問：

this.$store.getters.doneTodosCount

一、說明

getters中的訪問器函數(shù)，默認會傳遞2個參數(shù)(state, getters)，使用第一個參數(shù)state可以訪問數(shù)據(jù)，使用getters參數(shù)可以訪問訪問器中的其它訪問器函數(shù)。大部分情況下只需要使用第一個參數(shù)，定義訪問器函數(shù)就只寫第一個參數(shù)即可，就像上面的例子。訪問這些訪問器屬性時，就像是組件中的計算屬性一樣調(diào)用，而不是像函數(shù)調(diào)用一樣。

這是有第二個參數(shù)getters時的使用例子，在組件中直接使用下面的代碼調(diào)用，就像調(diào)用計算屬性一樣。第2個參數(shù)系統(tǒng)會默認傳遞。

this.$store.getters.doneTodos

 二、getter返回一個函數(shù)

通過讓 getter 返回一個函數(shù)，來實現(xiàn)給 getter 傳參。因此它的主要作用是傳遞參數(shù)。

在組件中直接訪問 this.$store.getters.getTodoById時，返回的是一個函數(shù)。然后再進行函數(shù)調(diào)用的方式傳遞參數(shù)進去，就得到了函數(shù)的結(jié)果。

 三、使用mapGetters 對象展開

在組件的計算屬性中，直接使用以下方式，可以很方便的引用getter屬性，然后就像調(diào)用普通的計算屬性一樣的使用。

如果你想將一個 getter 屬性另取一個名字，使用對象形式：

這些知識點，光看文檔有時候會很難理解，手動實踐一下，會很容易的消化理解。

vuex getter傳參方法

getters: {
    getProductByid: (state) => (id) =>
    {
        return state.productList.find(item => item.id === id);
    }
}

在使用了namespace的情況下調(diào)用：

this.$store.getters['yournamespace/getProductByid'](id);

在未使用namespace的情況下調(diào)用：

this.$store.getters.getProductByid(id);

關(guān)于“vuex中的Getter如何用”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“vuex中的Getter如何用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章標題：vuex中的Getter如何用
地址分享：http://chinadenli.net/article36/ppsisg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、網(wǎng)站建設(shè)、云服務(wù)器、定制開發(fā)、響應(yīng)式網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)