Vue CDN을 사용할 때 mapGetters를 사용하는 방법

Vue CDN을 사용할 때 mapGetters를 사용하는 방법

Vue.js에서 mapGetters를 사용하려고 하는데 대신 NPM을 사용하여 Vue CDN을 다음과 같이 설치하려고 합니다.

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

정상적으로 Import를 할 수 없습니다.

import {mapGetters} from 'vuex';

Import 없이 mapGetters를 사용하지 마십시오.

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

Vue CDN을 사용하여 mapGetters를 사용하려면 어떻게 해야 합니까?

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

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

나는 정확히 이 문제에 부딪혔고 이 대답은 완벽했다.제가 답변을 드리는 이유는 구글 검색에서 CDN을 검색하지 않으면 찾을 수 없기 때문입니다.그것이 포함되면 그것은 당연히 최고의 결과이다.향후 mapGetters, mapState, mapActions 또는 mapMutations를 사용하는 방법을 검색할 때 다른 사용자가 솔루션을 찾고 있을 때 이 방법을 찾을 수 있기를 바랍니다.

import { mapMutations } from 'vuex'

콘솔에 오류가 표시되도록 하기 위해서만

Uncaughed SyntaxError: 모듈 외부에서 가져오기 문을 사용할 수 없습니다.

NPM이 아닌 CND를 통해 포함하는 것에 익숙한 사람에게는 답은 분명하다고 생각합니다만, 저처럼 비교적 새로운 컷 앤 페이스트 기수에게는 이 문제를 해결하기 위해 고심하고 있었습니다.구글 검색에 cdn을 포함시킬 생각도 안 했어요.다른 포럼에서 누군가가 이 게시물을 제안하거나 검색에 포함시킨 후에야 이 쉽고 명확한 해결책을 찾을 수 있었습니다.

이것을 투고하는 것으로, 최종적으로 다음 탐색기에 대해서 cdn을 사용하지 않고 실시한 검색의 일부에 이것을 포함할 수 있을 것입니다.

언급URL : https://stackoverflow.com/questions/47654679/how-to-use-mapgetters-when-vue-cdn-is-used