使用Vue CDN时如何使用mapGetters？

Posted 2023-02-22

【中文标题】使用Vue CDN时如何使用mapGetters？

【英文标题】：How to use mapGetters when Vue CDN is used?

【发布时间】：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？

【参考方案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 的情况下进行的一些搜索中，以供下一个资源管理器使用。