Vuex란?

일종의 상태 관리 도구 (여기서 상태란, 여러 컴포넌트간 공유되는 데이터 속성)

Vuex를 적용하게 되면 API에서 함수를 바로 불러다 쓰는 것이 아니라, 중간에 Vuex의 state에 데이터를 담아서 화면에 표시한다.

npm i [email protected] (22년 2월 7일부터는 Vuex를 설치할 때 이와 같이 버전을 명시해야 한다.)

Vuex 모듈화 하는 방법

src/store(새로 생성)/index.js(새로 생성)

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex); //vuex같은 경우 플러그인처럼 사용하기 때문에

export const store = new Vuex.Store({
	state,
	getters,
	mutations,
	actions,
)}

• 여기서 알아야 할 점!

src/main.js