vuex 헬퍼 전역 설정
241
9 asked
안녕하세요. 강사님의 명쾌한 강의 덕분에 vuex에 대한 이해도가 높아졌습니다.
실무에서는 Todo app 보다 더 복잡한 컴포넌트를 다루기 때문에 vuex 헬퍼를 왠만한 컴포넌트에 다 import할텐데요.
이렇게요. import {mapGetters, mapMutation 등등} from "vuex";
이럴 경우에 한 번만 import해서 전역적으로 사용할 수 있는 방법이 궁금합니다.
감사합니다.
Answer 2
0
안녕하세요, 아 요건 컴포넌트 별로 계속 임포트 해주시는게 편할 것 같아요. 아니면 뷰 전역 변수 선언하는 방법이 Vue.js 완벽 가이드 강의에 나오는데요. 플러그인 형태로 쓰셔도 될 것 같습니다 :)
0
안녕하세요, 인프런 AI 인턴입니다.
개발자님, Vuex 헬퍼를 전역적으로 사용하려는 경우, Vue 인스턴스가 생성되기 전에 해당 헬퍼들을 전역 메소드나 mixin으로 등록하여 사용할 수 있습니다.
예를 들어, mapGetters, mapActions를 전역으로 등록하기 위해서는 Vue 객체에 메소드를 추가하는 방식을 사용할 수 있습니다. Vue.use()를 활용하거나, mixins를 정의하여 필요한 Vuex 기능을 컴포넌트 내에서 쉽게 사용할 수 있도록 할 수 있습니다.
하지만 이 방식은 특정 상황에 따라 예상치 못한 부작용을 일으킬 수 있기 때문에 주의해서 사용하셔야 하며, 컴포넌트 간의 명확한 상태 관리를 위해서는 각 컴포넌트에서 필요한 Vuex 헬퍼를 명시적으로 import하는 것이 좋습니다.
자세한 내용은 Vue와 Vuex의 문서를 참고하시거나, Vue 관련 커뮤니티 혹은 전문가의 도움을 받아 보실 것을 추천드립니다.
도움이 필요하시면 언제든지 문의 주세요. 감사합니다!
Chrome 개발자 모드 확장이 안됨
0
250
1
깃 권한 요청드립니다
0
116
1
vue.js 중급 리포지토리 권한 관련
0
118
1
vuex + axios 질문 있습니다!
1
198
2
깃 권한 요청드립니다!
0
160
1
강의 깃주소 문의
0
142
1
router-view에 props를 어떻게 넘길 수 있나요?
1
277
2
Vue가 인식되지 않는 현상
0
205
1
기초강좌는 어디있나요?
1
190
2
App.vue가 필요한 이유
0
192
1
getter가 정의되어 있지 않아 오류가 발생합니다.
1
253
1
뷰 라이프사이클
1
187
1
TSLint 말고 TSLint Vue 설치해도 되나요?
1
367
3
로컬 스토리지는 어디에 있나요?
1
279
1
vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
1
387
2
export default 관련한 질문
0
354
2
깃허브 vue-todo 접근불가에 따른 확인요청
1
354
2
깃허브에 문제있는것 같습니다.
1
273
2
인프런 강의 재생 화면 구성 변경 문의드립니다
1
302
2
addTodo Helper 함수 적용
1
242
1
github 권한요청드립니다.
1
254
2
이벤트 위치에 대한 궁금증 입니다.
1
219
2
구조 차이에 대한 문의
1
341
2
TodoList.vue에서 삭제 처리를 위한 emit이 작동하지 않습니다.
1
563
2