使用Vue CDN时如何使用mapGetters？

Question

我正在尝试使用 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？

Answer 1

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

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

Answer 2

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

import { mapMutations } from 'vuex'

只在控制台得到错误

Uncaught SyntaxError: Cannot use import statement outside a module

我认为对于熟悉通过 CND 而不是通过 NPM 包含的人来说，答案是相当明显的，但是对于像我这样的相对较新的剪切和粘贴骑师，我一直在努力解决这个问题。我什至没想过在我的 google 搜索中包含 cdn。只有在不同的论坛上询问后，有人建议将此 post and/or 包括在搜索中，我才找到这个简单明了的解决方案。

希望通过 posting 这个，索引最终会在我没有 cdn 的情况下进行的一些搜索中包含这个，供下一个浏览器使用。

使用Vue CDN时如何使用mapGetters？

How to use mapGetters when Vue CDN is used?

node.js

vue.js

vuex