인프런 커뮤니티 질문&답변

개발자님의 프로필 이미지
개발자

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

mapMutations, mapActions 소개 및 헬퍼의 유연한 문법

vuex 헬퍼 전역 설정

작성

·

156

1

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

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

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

 

감사합니다.

 

답변 2

0

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

0

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

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

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

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

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

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

개발자님의 프로필 이미지
개발자

작성한 질문수

질문하기