有时我们需要从存储中的状态导出一些状态。

如果多个组件需要使用这个属性，我们可以复制这个函数，或者提取一个共享函数，在多个地方导入。

Vuex允许我们在存储中定义getter属性(可以认为是存储的计算属性)。就像计算属性一样，getter的返回值根据其依赖关系进行缓存，只有当其依赖关系值发生变化时才会重新计算。

例如，这里我们需要将Page4.vue中的商品价格翻倍，这样我们就可以使用Getter了。

使用吸气剂

Store.js，我们在state下添加getters。有一种方法可以使商品价格翻倍。

//从' vue '安装vuex import vue从' vuex '导入vue.use (vuex)在分开的vuex文件中//每个vuex仓库只能包含一个商店实例。export const store=new vuex . store({ state : {//将页面显示数据写入store.js文件goodsList: [{name: '赣州橙子'，Price: '8.8' }，{name: '新疆哈密瓜'，price: '2.0' }，{name: '山东大枣'，price: '3.2' }，{ name 3: '阳澄湖长毛name，price : currentvalue . price * 2 } })返回goodsPriceDoubble第4.vue页的}}})修改如下：

ul class=' ul _ list ' Li v-for=' good price two '中的项目p class=' name '商品：{{item.name}}/p p class='price '价格：{{item.price}}/p /li /ul将以下方法添加到计算结果中：

computed : { good price two(){//this。$ store . getter s . vuex getter，对应回调函数的函数名是returnthis。$ store . getter s . good price double；}}展示效果是第4页商品价格翻了一倍。

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多，请查看下面的相关链接