강의

멘토링

로드맵

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

찬규님의 프로필 이미지
찬규

작성한 질문수

Vue.js + TypeScript 완벽 가이드

스토어 타입 정의 방법 요약 정리

vue3 typescript

해결된 질문

작성

·

193

2

안녕하세요 판교님! 강의 복습하다가 질문합니다!
vue3에서도 typescript를 사용하고 싶은데
지금 이 강의와 크게 사용법이 차이 없을까요?
특히 vuex 부분에서 vue2와 vue3의 다른 점이 있는지 궁금합니다!
따로 참고자료도 찾아봤지만 아직은 어려운느낌 이네요ㅠㅠ

퀴즈

Vuex 스토어를 TypeScript로 변환한 후, 컴포넌트에서 this.$store.state의 속성 타입이 초기에는 'any'로 추론되는 주된 이유가 무엇일까요?

Vuex 라이브러리가 TypeScript를 지원하지 않아서

스토어의 기본 타입 정의에 제네릭으로 'any'가 사용되어서

컴포넌트의 컨텍스트가 스토어 타입 추론을 방해해서

state 속성은 항상 동적으로 변하기 때문에

답변 1

1

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요 찬규님, 오 벌써 다 들으시고 복습하시는군요 :) 네 강의에서 안내해 드린 내용 Vue 3에서도 동일하게 사용하실 수 있습니다. 아래 문서에 안내된 것처럼 vuex.d.ts 파일에 $store 타입을 정의해 주시면 됩니다 :)

https://next.vuex.vuejs.org/guide/typescript-support.html#typing-store-property-in-vue-component

찬규님의 프로필 이미지
찬규
질문자

아이고 ㅠㅠ 빠른답변 감사합니다! 참고하면서 공부해보겠습니다 ㅎㅎ

찬규님의 프로필 이미지
찬규

작성한 질문수

질문하기