Vue组件Vuex选项块功能答案

【问题标题】：Vue component Vuex option block featureVue组件Vuex选项块功能
【发布时间】：2019-04-01 09:32:16
【问题描述】：

在阅读Vuex repository docs 时，我遇到了以下语法：

export default {
  template: '...',
  data () { ... },
  // NOTICE SYNTAX BELLOW
  vuex: {
    getters: {
      count: function (state) {
        return state.count
      }
    }
  }
}

注意组件vuex选项块的语法。

在引用official Vuex docs 或official Vue 2 API docs 时，未提及vuex 组件选项的用法，类似于上述选项。

我对这个块的唯一了解是（根据 Vuex 存储库文档）：

注意特殊的vuex 选项块。这是我们指定组件将从 store 中使用的状态的地方。

vuex 块的实际用途是什么？可以用它代替component binding helpers吗？比如mapGetters和mapState?

似乎官方文档缺少有关此功能的文档。

我想了解有关此功能的更多信息，谢谢。

【问题讨论】：

标签： vue.js vuejs2 vuex

【解决方案1】：

它认为这是在指出可以根据组件单独决定是否使用 vuex 的情况。

vuex 文档中的初始示例在全局级别将 store 注入所有 Vue 实例，这意味着所有组件都可以访问 store。

如果您想更好地控制哪个组件使用 vuex，您可以明确声明使用 vuex - 使用您所指的语法分别为每个组件。

【讨论】：