如何访问Vuex模块的吸气剂和变异剂？

vue.js Vue.js

达蒙猪猪

2020-03-11

我正在尝试改用Vuex而不是我自己的商店对象，而且我必须说，我没有找到像Vue.js世界中其他地方一样清晰的文档。假设我有一个名为“产品”的Vuex模块，它具有自己的状态，变异，吸气剂等。如何在该模块中引用一个称为“ clearWorking Data”的动作？该文档给出了访问模块状态的以下示例：

store.state.a // -> moduleA's state

但是我对吸气剂，突变，动作等一无所知。

第751篇《如何访问Vuex模块的吸气剂和变异剂？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
神无Davaid 2020.03.11

现在，使用Vuex mapGetters和mapActions可以很容易地做到这一点。但我同意，它在文档中仍然不是很明显。

假设您的商店模块“产品”具有一个名为“ mostPopular”的吸气剂和一个名为“ clearWorkingData”的动作：

<template>
 <div>
  <p>{{mostPopularProduct}}<p>
  <p><button @click="clearProductData">Clear data</button></p>
 </div>
</template>
<script>
import { mapGetters, mapActions } from "vuex";

export default {
 computed: mapGetters({
  mostPopularProduct: "products/mostPopular"
 }),
 methods: mapActions({
  clearProductData: "products/clearWorkingData"
 })
}
</script>

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android