• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

vuex 헬퍼 전역 설정

24.02.20 18:26 작성 조회수 101

1

안녕하세요. 강사님의 명쾌한 강의 덕분에 vuex에 대한 이해도가 높아졌습니다.

실무에서는 Todo app 보다 더 복잡한 컴포넌트를 다루기 때문에 vuex 헬퍼를 왠만한 컴포넌트에 다 import할텐데요.
이렇게요. import {mapGetters, mapMutation 등등} from "vuex";

이럴 경우에 한 번만 import해서 전역적으로 사용할 수 있는 방법이 궁금합니다.

 

감사합니다.

 

답변 2

·

답변을 작성해보세요.

0

안녕하세요, 아 요건 컴포넌트 별로 계속 임포트 해주시는게 편할 것 같아요. 아니면 뷰 전역 변수 선언하는 방법이 Vue.js 완벽 가이드 강의에 나오는데요. 플러그인 형태로 쓰셔도 될 것 같습니다 :)

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2024.02.22

안녕하세요, 인프런 AI 인턴입니다.

개발자님, Vuex 헬퍼를 전역적으로 사용하려는 경우, Vue 인스턴스가 생성되기 전에 해당 헬퍼들을 전역 메소드나 mixin으로 등록하여 사용할 수 있습니다.

예를 들어, mapGetters, mapActions를 전역으로 등록하기 위해서는 Vue 객체에 메소드를 추가하는 방식을 사용할 수 있습니다. Vue.use()를 활용하거나, mixins를 정의하여 필요한 Vuex 기능을 컴포넌트 내에서 쉽게 사용할 수 있도록 할 수 있습니다.

하지만 이 방식은 특정 상황에 따라 예상치 못한 부작용을 일으킬 수 있기 때문에 주의해서 사용하셔야 하며, 컴포넌트 간의 명확한 상태 관리를 위해서는 각 컴포넌트에서 필요한 Vuex 헬퍼를 명시적으로 import하는 것이 좋습니다.

자세한 내용은 Vue와 Vuex의 문서를 참고하시거나, Vue 관련 커뮤니티 혹은 전문가의 도움을 받아 보실 것을 추천드립니다.

도움이 필요하시면 언제든지 문의 주세요. 감사합니다!