inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

Pinia 사용 시 composition api

1388

GAE D

작성한 질문수 1

0

안녕하세요 좋은 강의 만들어주셔서 감사합니다.

강의 시청 도중 궁금한게 생겨 질문 드립니다.

 

Pinia 사용시 Vuex와 동일하게 state, actions, getters를 사용하고 있는데

해당 방식은 Optional 방식으로 보여집니다.

개인적인 생각으로는 Vue3와 composition API를 사용한다면 Pinia 또한 Composition API 를 사용해 코드 작성을 해야 하는게 맞지 않을까 라는 생각이 들어 공식문서를 찾아보았지만

Search 능력이 부족한 탓인지 공식 문서에서 어떤 방식을 좀 더 권장한다 라는 내용을 찾지 못해

관련 내용 중 알고 계시거나 선생님의 선호하는 방식은 무엇인지 알고 싶어 질문 남깁니다.

 

감사합니다.

 

 

vue.js vuejs pinia vue3

답변 1

0

짐코딩

안녕하세요 :)

말씀하신 것처럼 Pinia Store를 정의하는 방식에는 Option Store, Setup Store 두 가지 방식이 있는데요.

Setup Store는 Pinia 2.0.0-rc.0 버전에서 새롭게 등장했어요. 개인적으로는 새로운 방식을 선호하고 어떠한 불편함을 해결했는지 보는 것을 좋아해요. 하지만 현업에서 프로젝트를 진행할 때는 꼭 그렇지만은 않아요. 새로운 기술은 검증도 필요하고 또 함께 일해야 하기 때문에 공식문서의 문서화도 잘되어 있는지 확인 하는편인데요.

현재 Pinia 공식문서를 보시면 Option Store가 문서화가 잘 되어 있기 때문에 현업에서 도입하는 것은 정말 상황에 맡게 잘 판단 하셔야 될 것 같아요 :)

아래 위 두개의 선언 방식에 대한 블로그링크를 남겨드릴게요 도움이 되셨으면 합니다.

https://www.simplethread.com/choosing-between-two-store-syntaxes-in-pinia/

질문드립니다.

0

32

0

unplugin-vue-components 질문드립니다.

0

37

2

강의듣다가 헷갈려서 질문드립니다.

0

31

1

와 짐코딩님 강의 들으면서 느끼는게 많네요.

0

32

1

질문드립니다.

0

32

2

라우터 인스톨 후 실행안됨

1

48

2

코드 자동 포매팅 질문

0

68

2

필터 watchEffect 질문입니다.

0

50

1

json-server 오류가 다른게 뜨네요

0

113

1

미리보기가 안됩니당...

0

69

2

unplugin-vue-components

0

80

2

TypeError 질문

0

51

1

v-model="show" :show="show" 같이 사용?

1

57

1

hash 모드 배포의 필요성?

0

61

2

.eslintrc.cjs 가 없습니다

0

95

2

title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.

0

98

3

_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.

0

64

1

@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.

0

71

2

중첩된 컴포넌트 문제

0

75

2

교안에 있는 부분이 아닌가요?

0

109

2

useAxios Proxy(Object) RefImpl

0

113

1

axios timeout

0

327

3

강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.

0

122

2

컴포넌트 분리 부분에서 오류가 나요ㅠㅠ

0

167

2