vuex-mapGetters使用案例解析 - IT人
文章推薦指數: 80 %
mapGetters輔助函式僅僅是將store 中的getter 對映到區域性計算屬性:多個元件都需要用的時候只用定義 ... 【Numpy學習】np.count_nonzero()用法解析.
Togglenavigation
IT人
IT人
vuex-mapGetters使用案例解析
書院二層樓發表於
2020-10-09
Vue
store/index.js
importVuefrom'vue'
importVuexfrom'vuex'
Vue.use(Vuex)
exportdefaultnewVuex.Store({
state:{
msg:"HelloVuex!",
name:"cxj",
age:18,
hobby:"美女"
},
getters:{
tenYearsOld(state){
returnstate.age+10;
},
},
mutations:{
},
actions:{
},
modules:{
}
})
App.vue
mapGetters賦值tenYearsOld:{{tenYearsOld}}
延伸文章資訊
- 1vuex全解說-- mapState, getters帶參數, mapGetters, 展開運算符...
mapGetters 輔助函數與前面提到的 mapState 用法相近,可以簡化程式碼。
- 2Getter | Vuex
mapGetters 辅助函数仅仅是将store 中的getter 映射到局部计算属性:. import { mapGetters } from 'vuex' export default { ...
- 3vuex里mapState,mapGetters使用详解- 云+社区- 腾讯云
一、基本用法. 1. 初始化并创建一个项目 vue init webpack-simple vuex-demo cd vuex-demo npm install. 2. 安装vuex npm i...
- 4Day29 Vuex Getter用法介紹 - iT 邦幫忙
Day29 Vuex Getter用法介紹 ... mapGetters 與mapState 用法相近 ... </div> </template> <script> import { mapG...
- 5vuex 中关于mapGetters 的作用 - 博客园
mapGetters 工具函数会将store 中的getter 映射到局部计算属性中。它的功能和mapState 非常类似,我们来直接看它的实现: mapGetters 的实现也 ...