vue2中vuex一个页面存数据，一个页面调用数据如何使用

在 Vue 2 中使用 Vuex 存储和共享状态通常用于管理应用程序的全局状态，比如登录信息、配置等。如果你在一个页面需要存储数据，而在另一个页面需要调用这个数据，可以按照以下步骤操作：

1. 安装并配置 Vuex：首先，你需要安装 Vuex (`npm install vuex`)，然后在项目中创建一个 `store` 文件夹，并在其中创建一个名为 `index.js` 的文件作为你的应用的状态容器。

// store/index.js
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // 初始化的数据，例如用户信息
    userData: {}
  },
  mutations: {
    setUserData(state, data) {
      state.userData = data
    }
  },
  actions: {
    setData({ commit }, data) {
      commit('setUserData', data)
    }
  },
  getters: {
    getUserData: state => state.userData
  }
})

2. 页面 A 存储数据：
在需要保存数据的页面 (A.vue)，通过 dispatch 来调用 Vuex 的 action。

// 页面 A
methods: {
  saveData() {
    this.$store.dispatch('setData', { key: 'value' })
  }
}

3. 页面 B 调用数据：
在另一个页面 (B.vue) 或者组件内，使用 getters 获取数据。

// 页面 B 或者组件内
mounted() {
  console.log(this.$store.getters.getUserData) // 输出数据
},
computed: {
  user() {
    return this.$store.getters.getUserData
  }
}