내가 보기 위한 나의 성장을 위한 Vue 개념 정리
Vue.js 구성요소
- Vue Instance
- 뷰로 화면을 개발할 때 필수로 생성해야 하는 단위
- Vue Component
- 화면을 구조적으로 설계하기 위한 요소
- Vue Router
- 여러개의 화면 간에 이동하는 방법
- Vue Template
- 화면을 구체적으로 꾸미는 방법 & 문법 - 화면을 구체적으로 꾸미는 방법 & 문법
Vuex란 ?
상태값 관리 전문 라이브러리 => Vue의 막강한 기능
어플리케이션을 위한 상태 관리 라이브러리 => 모든 컴포넌트들에서 접근 가능한 중앙 집중식 데이터 저장소
Vuex에는 state, mutations(setters), getters 그리고 actions까지 총 4가지 속성이 있다. 각각 어떤 경우에 사용하는지 꼭 기억해야한다.
| 속성 | 기능 |
|---|---|
| state | 공유한 상태값 데이터 정의 |
| mutations | setters의 의미 외부에서 동기방식으로 저장할 때 사용 |
| getters | state의 데이터 값을 외부에서 읽어 올 때 사용 |
| actions | 외부의 API 실행 같은 비동기 실행을 관리할 때 사용 |
Ruby와 js로 첫 커리어를 시작하였고 4년차 엔진니어입니다! 현재 Rails, vim에 관심이 많습니다!