vue使用store和获取到数据

可以使用 Vuex 来管理 Vue 应用中的状态，其中 store 是 Vuex 的核心概念之一。通过 store，我们可以将应用中的数据集中管理，并且在组件之间共享这些数据。在 Vue 组件中，可以通过 this.$store 来访问 store 中的数据。例如，可以通过 this.$store.state 来获取 store 中的状态数据。同时，也可以通过 this.$store.commit() 方法来提交一个 mutation，从而修改 store 中的数据。

相关问题

从store中获取数据 vue

要从Vue的store中获取数据，你可以使用Vuex提供的getter方法。在你提供的代码中，可以看到在store.js文件中定义了state和getter。

首先，在组件中引入Vuex并使用Vue.use(Vuex)来启用Vuex插件。然后，你需要使用mapGetters方法将getter映射到组件中。在你的store.js文件中，getter被命名为getId，所以你可以通过在组件中调用this.getId来获取数据。记得在组件中使用计算属性来实现映射。

下面是一个例子，展示了如何从store中获取数据：

// 引入Vue和Vuex
import Vue from 'vue';
import Vuex from 'vuex';

// 启用Vuex插件
Vue.use(Vuex);

// 创建store实例
const store = new Vuex.Store({
  state: {
    num: 0
  },
  mutations: {
    add(state, n) {
      state.num = n;
    },
    del(state, n) {
      state.num -= n;
    }
  },
  getters: {
    getId: state => state.num
  }
});

// 将store实例导出
export default store;

在组件中，你可以这样使用getter来获取数据：

// 引入Vue和Vuex
import Vue from 'vue';
import Vuex from 'vuex';

// 启用Vuex插件
Vue.use(Vuex);

// 引入store
import store from './store';

// 创建组件
export default {
  computed: {
    ...mapGetters(['getId'])
  },
  mounted() {
    console.log(this.getId); // 输出store中的数据
  }
}

在这个例子中，通过使用mapGetters方法将getter映射到组件中，你可以直接使用this.getId来获取store中的数据。

请注意，这只是一个示例，你需要根据你的实际情况来进行相应的调整和修改。

vue store.state获取不到

Vue的store是一个全局状态管理器，在组件中可以通过this.$store来访问。在store中，可以使用state来定义共享状态，并在组件中通过store.state来获取其值。

如果在组件中无法获取到store.state的值，可能是以下几个原因：

1. 忘记在main.js（或其他入口文件）中注入store。在创建Vue实例之前，需要使用Vue.use(Vuex)来安装Vuex插件，并将store对象传入。

2. 忘记将store关联到组件中。可以通过将store对象赋值给组件的store选项来实现。例如，在Vue组件的选项中添加store: this.$store。

3. 组件的computed属性没有正确地引用store.state。可以使用计算属性来获取store.state的值，确保计算属性中的代码正确引用了state。例如，可以通过this.$store.state.xxx来获取state中的某个值，其中xxx是state中的属性名。

4. 组件在异步操作时尚未更新store.state。如果组件中有异步操作（如请求数据），并且需要将获取的数据更新到store.state中，可以使用Vuex的action来处理。在action中，可以执行异步操作，并通过commit触发mutation来修改state的值。

综上所述，当无法获取到Vue的store.state时，可以检查是否正确注入了store，是否将store关联到了组件中，以及是否正确引用了store.state。同时，还需要注意异步操作时是否正确更新了store.state。