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

现在，使用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>