1、Getter的作用

1、传入一个参数（state）

在getter中接受的第一个参数是Vuex中的state

有时候，我们需要从store中获取一些state变异后的状态
getters: {powerCounter(state) {return state.counter * state.counter},more15stu(state) {return state.students.filter(item => item.age > 15);}},
比如下面的Store中，获取学生年龄大于15的个数

我们可以在Store中定义getters

2、传入两个参数（state，getters）

在getter中接受第两个参数是Vuex中的：state，getters

例如，想知道getters方法中的一个返回值的大小：
 getters: {powerCounter(state) {return state.counter * state.counter},more15stu(state) {return state.students.filter(item => item.age > 15);},more15stuLength(state, getters) {return getters.more15stu.length;}},

3、传入用户需要的参数（返回一个function）

getters默认是不能传递参数的, 如果希望传递参数, 那么只能让getters本身返回另一个函数.

例如下面，需要用户传入一个Age，筛选state.students中大于Age的学生：
getters: {moreAgestu(state) {//return function (Age) {//  return state.students.filter(item => item.age > Age);//}return Age => {return state.students.filter(item => item.age > Age);}}},

参考链接：

https://www.bilibili.com/video/BV1H7411j7Mc?from=search&seid=10645859101733219162

Vuex中的Getter的使用相关推荐

[Vuex系列] - Vuex中的getter的用法
Vuex 允许我们在store中定义"getter"(可以认为是store的计算属性).就像计算属性一样,getter的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变 ...
vuex结合php,vuex中store的使用介绍（附实例）
本篇文章给大家带来的内容是关于vuex中store的使用介绍(附实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.状态管理(vuex)简介 vuex是专为vue.js应用程序 ...
Vuex中的核心方法
Vuex中的核心方法 Vuex是一个专为Vue.js应用程序开发的状态管理模式,其采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.每一个Vuex应用的核心就是 ...
vuex概念之Getter用法详解
Vuex 允许我们在 store 中定义"getter"(可以认为是 store 的计算属性).就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值 ...
Vuex中的Module
Vuex中的Module 一.认识Module Module是模块的意思, 为什么在Vuex中我们要使用模块呢? 由于使用单一状态树,应用的所有状态会集中到一个比较大的对象.当应用变得非常复杂时,st ...
Vuex中的mapGetters
mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性语法是 mapGetters(['language','token']) 参数是个数组,数组里是你想要映射的 ...
vue之mapMutaions的使用 vuex中 action 用法示例 api.js的使用
vue之mapMutations的使用我们通过Mutation来改变store中的state,方法往往是在子组件中使用 this.$store.commit(); 来实现,但是这样的缺点是不容易查看 ...
uniapp、vue，vuex中state改变，getters不动态改变的完美解决方案！
uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! 参考文章: (1)uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! ( ...
vuex-along解决vuex中存储的数据在页面刷新之后失去的问题
vuex-along解决vuex中存储的数据在页面刷新之后失去的问题参考文章: (1)vuex-along解决vuex中存储的数据在页面刷新之后失去的问题 (2)https://www.cnblog ...

Vuex中的Getter的使用

1、Getter的作用

1、传入一个参数（state）

2、传入两个参数（state，getters）

3、传入用户需要的参数（返回一个function）

Vuex中的Getter的使用相关推荐

最新文章

热门文章