vue 2

[Vue3] pinia 사용하기

1. 피니아란? - 피니아라고 읽음. - composition API 방식으로 사용하는 store 라이브러리. - vuex4와는 약간 차이 있으나, vuex5와 거의 대부분 동일하기 떄문에 pinia를 vue.js 에서 공식지원 하기로 했다. - 아래의 예시에서도 vue2, options API 방식이 아니라 Vue3, Composition API 방식으로 사용 하도록 한다. 2. 설치하기 yarn add pinia # 또는 npm으로 npm install pinia 3. 세팅하기 3.1. main.js 세팅 import { createPinia } from 'pinia' const app = createApp(App) const pinia = createPinia() use(pinia) 3.2 stor..

frontend/Vue.js 2023.06.13

[Vue3] Vuex4 사용하기

vue를 사용하는데 데이터가 너무 많거나, 컴포넌트간에 데이터를 주고받는 것이 props 만으로 해결되지 않을 때 사용하는 라이브러리 이다. store.js 파일 하나에 데이터를 다 때려넣은 뒤에 하나씩 꺼내먹기.. 꺼내쓰기 때문에 간편하기도 하다. 아니 이럴거면 나는 mitt를 왜 배운거야.... 그러나 그것은 그렇지 않다는 것이 코딩애플 스앵님의 말씀. 프로젝트 규모가 크지 않은 이상 vuex를 사용하는 것은 배보다 배꼽이 더 클 수도 있다고 한다. 기술적인 효율성을 중시하도록 하자. 배움의 효율성을 중시하는 것 보다...(이제 학생의 입장에서 벗어날 때도 되었다.) 1. 설치하기 npm install vuex@next 혹은 yarn add vuex@next 2. 셋팅하기 2-1. src 폴더 안에 ..

frontend/Vue.js 2023.05.26