使用Vue CDN时如何使用mapGetters？答案

【问题标题】：How to use mapGetters when Vue CDN is used?使用Vue CDN时如何使用mapGetters？
【发布时间】：2018-05-19 04:14:31
【问题描述】：

我正在尝试使用 Vue.js 中的 mapGetters，但使用 NPM 安装我使用了 Vue CDN，如下所示：

<script src="https://unpkg.com/vuex@3.0.1/dist/vuex.js"></script>

我不能像往常一样进行导入：

import {mapGetters} from 'vuex';

并且在没有导入的情况下也不使用 mapGetters。

export default {
computed: mapGetters([
  'doubleCounter',
  'realCounter'
])}

如何通过 Vue CDN 使用 mapGetters？

【问题讨论】：

标签： node.js vue.js vuex

【解决方案1】：

export default {
  computed: Vuex.mapGetters([
    'doubleCounter',
    'realCounter'
  ])
}

export default {
  computed: {
    ...Vuex.mapGetters([
      'doubleCounter',
      'realCounter'
    ]),
    otherComputedProperty () {
      // implementation
    }
  }
}

【讨论】：

【解决方案2】：

我遇到了这个确切的问题，这个答案很完美。我回复的原因是因为在谷歌搜索中你不太可能找到这个，除非你在搜索中包含 CDN。包括在内，它应该是最好的结果。我希望其他人将来在寻找如何使用 mapGetters 或 mapState 或 mapActions 或 mapMutations 时寻找解决方案并添加该行

import { mapMutations } from 'vuex'

只在控制台中得到错误

未捕获的语法错误：无法在模块外使用 import 语句

我认为对于熟悉通过 CND 而不是通过 NPM 的人来说答案是相当明显的，但是对于像我这样的相对较新的剪切和粘贴操作员来说，我正在努力解决这个问题。我什至没有想过在我的谷歌搜索中包含cdn。只有在其他论坛中询问后，有人建议了这篇文章和/或将其包含在搜索中，我才找到了这个简单明了的解决方案。

希望通过发布此内容，索引最终会将其包含在我在没有 cdn 的情况下进行的一些搜索中，以供下一个资源管理器使用。

【讨论】：