Actions는 컴포넌트 대신 commit을 수행해준다.

store에 있는 state를 각 컴포넌트에서 임의로 수정하지 말고 Mutations를 이용하자.

# PrintAnother 생성

새로운 vue 파일을 생성한다. (PrintAnother.vue)

# Vuex 준비

vuex를 사용하기 전 설치를 하고 설정 해준다.

vuex를 공부하자!

Mapping은 다른 데이터를 지닌 배열을 묶어 Component 배열로 변환하여 효율적으로 렌더링해주는 것이다.

state는 component에서 유동적인 데이터를 보여줄 때 사용된다.

props는 component 내부의 변화하지 않는 데이터를 처리할 때 사용한다.

JSX란 HTML과 JavaScript가 같은 파일에 위치하게 해주는 React.JS에서 사용하는 문법이다.

1. 배열 만들기

리터럴 방식 ) var menus = [“menu1”, “menu2”, “menu3”, “menu4”];