在vuex里面怎么把A页面的方法存起来在B页面使用

在 Vuex 中可以通过定义一个公共的 state 来实现在不同组件之间共享数据和方法。可以在 state 中定义一个对象，然后在 A 页面中将需要共享的方法存储在这个对象中，然后在 B 页面中通过调用这个对象中的方法来执行 A 页面中的方法。以下是一个示例代码：

// store.js
const store = new Vuex.Store({
  state: {
    sharedMethods: {
      methodA() {
        console.log('methodA is called');
      }
    }
  }
});

// A.vue
<template>
  <div>
    <button @click="handleClick">Click me</button>
  </div>
</template>

<script>
  export default {
    methods: {
      handleClick() {
        this.$store.state.sharedMethods.methodA();
      }
    }
  }
</script>

// B.vue
<template>
  <div>
    <button @click="handleClick">Call A's method</button>
  </div>
</template>

<script>
  export default {
    methods: {
      handleClick() {
        this.$store.state.sharedMethods.methodA();
      }
    }
  }
</script>

在上面的代码中，我们在 Vuex 的 state 中定义了一个名为 `sharedMethods` 的对象，其中包含了一个名为 `methodA` 的方法。在 A 页面中，我们可以通过 `this.$store.state.sharedMethods.methodA()` 来执行这个方法。在 B 页面中也是同样的方式来调用 A 页面中的 `methodA` 方法。