vue项目中a页面改变缓存中变量，b页面如何根据缓存变量，关闭按钮

可以通过Vuex来实现在A页面修改缓存变量，并在B页面关闭按钮中读取缓存变量的功能。

1. 首先在A页面中，使用Vuex来定义一个状态变量，如下所示：

// 在store.js文件中
const state = {
  isClosed: false // 定义一个初始值为false的状态变量
}

2. 在A页面中，修改缓存变量的值：

// 在A页面中，修改缓存变量的值
this.$store.state.isClosed = true;

3. 在B页面中，使用计算属性来读取缓存变量的值，并根据它来控制关闭按钮的显示：

// 在B页面中
<template>
  <div>
    <button v-if="!isClosed" @click="close">关闭</button>
  </div>
</template>

<script>
export default {
  computed: {
    isClosed() {
      return this.$store.state.isClosed;
    }
  },
  methods: {
    close() {
      this.$store.state.isClosed = true;
    }
  }
}
</script>

在上面的代码中，我们使用了计算属性 `isClosed` 来读取缓存变量 `isClosed` 的值，并根据它来控制关闭按钮的显示。当 `isClosed` 的值为 `false` 时，关闭按钮会显示；当 `isClosed` 的值为 `true` 时，关闭按钮会隐藏。同时，我们在 `close` 方法中修改缓存变量的值，以确保关闭按钮只会显示一次。

需要注意的是，以上代码只是一个示例，具体实现会根据项目需求有所不同。