[Vuex系列] - Vuex中的getter的用法 - IT人

文章推薦指數: 80 %
投票人數:10人

Vuex 允許我們在store中定義“getter”(可以認為是store的計算屬性)。

就像計算屬性一樣,getter的返回值會根據它的依賴被快取起來,且只有當它的依賴 ... Togglenavigation IT人 IT人 [Vuex系列]-Vuex中的getter的用法 王小端coder發表於 2019-04-24 Vue Vuex允許我們在store中定義“getter”(可以認為是store的計算屬性)。

就像計算屬性一樣,getter的返回值會根據它的依賴被快取起來,且只有當它的依賴值發生了改變才會被重新計算。

getters的作用對於getters的理解主要作用是對state屬性進行計算,可以理解類似於Vue中computed。

接下來讓我通過一個例子如何使用這兩個功能的。

還是以我們上一講的累加器為例,在getter.js中增加getCount,內容如下:constgetters={ getNum(state){ returnstate.num }, getCount(state){ returnstate.count } } exportdefaultgetters 複製程式碼在元件中如何使用 複製程式碼this.$store呼叫this.$store.getters.getCount 複製程式碼引用store來呼叫importstorefrom'@/store/store.js' store.getters.getCount 複製程式碼mapGetters輔助函式 複製程式碼一、[Vuex系列]-初嘗Vuex第一個例子二、[Vuex系列]-細說state的幾種用法三、[Vuex系列]-Mutation的具體用法四、[Vuex系列]-getters的用法五、[Vuex系列]-Actions的理解之我見六、[Vuex系列]-Module的用法(終篇) 相關文章 ORACLESEQUENCE用法 2020-11-10 Oracle (八)Mybatis當中#{}常用屬性的用法 2020-11-11 MyBatis vue3元件中props,emits用法 2020-11-11 VueMIT 文書處理:標點符號有哪些,場景,參考GB-T15834-2011《標點符號用法》 2020-11-12 golang自動生成setter和getter 2020-11-12 Go Linuxfork程式的用法 2020-11-12 Linuxfork js裡document的用法 2020-11-12 HOG演算法中用到三線性插值(TrilinearInterpolation)的作用及其用法 2020-11-12 演算法 求助!vuex在mounted中拿不到物件裡的值 2020-11-13 Vue phparray_filter()函式的用法 2020-11-17 PHP string函式的基本用法 2020-11-17 opencv呼叫cv2.dnn_DetectionModel用法 2020-11-17 OpenCV AndroidJava開發中一些唬人的常用關鍵字用法,持續更新中。





2020-11-18 JavaAndroid Lua——load和loadstring函式用法 2020-11-18 【Numpy學習】np.count_nonzero()用法解析 2020-11-19 抓包工具tcpdump用法說明 2020-11-19 cv::fitLine用法 2020-11-21 Java-Annotation的一種用法(消除程式碼中冗餘的if/else或switch語句) 2020-11-21 Java Intellijidea不能識別@Slf4j,@Getter,@Setter註解,安裝Lombok 2020-11-22 Intel vuex報錯vuex__WEBPACK_IMPORTED_MODULE_1__.default.storeisnotaconstructor 2020-11-22 WebpackVue 最新文章 這個牛逼的IDE外掛,讓你輕鬆檢測程式碼安全漏洞,一鍵修復,核心引擎已開源 全面解讀亞馬遜雲科技Private5G的革新理念 JZ-073-最長不含重複字元的子字串 IBMDB2日常應用匯總(四)KG IBMDB2日常應用匯總(五)XN 怎樣利用快取伺服器來負載均衡VG 超大型Oracle資料庫應用系統的設計方法(下)UV 儲存過程vs.函式QM Q&A:在SQLServer2005中編寫儲存過程RV 「央視新聞」快3精準穩賺公式《手機搜狐網》 在Hibernate中關於Oraclesequence的使用KH 儲存過程vs.動態SQL:如何選用?PV



請為這篇文章評分?