vuex
-
[Vue] Vuex 2. 기술 요소Vue 2021. 12. 17. 18:08
state : 여러 컴포넌트에 공유되는 데이터 data getters : 연산된 state 값을 접근하는 속성 computed mutations : state 값을 변경하는 이벤트 로직 methods actions : 비동기 처리 로직을 선언하는 메서드 async methods state 여러 컴포넌트 간에 공유할 데이터 // Vue data: { message: 'Hello!' } // Vuex state: { message: 'Hello!' } {{ message }} {{ this.$store.state.message }} getters state 값을 접근하는 속성이자 computed( ) 처럼 미리 연산된 값을 접근하는 속성 // store.js state: { num: 10 }, getters..
-
[Vue] Vuex 1. 들어가기Vue 2021. 12. 17. 14:34
들어가기 컴포넌트 관리하는 라이브러리(React에서 사용하는 Redux 같은 것) Vuex의 라이브러리 주요 속성: state(data), getters(computed), mutations(methods), actions(async methods) Vuex를 더 쉽게 코딩할 수 있는 Helper Vuex의 등장 배경 Vuex는 컴포넌트 데이터를 관리하기 위한 상태 관리 패턴이자 라이브러리 React의 Flux 패턴에서 기인함 Flux 패턴 : MVC 패턴의 복잡한 데이터 흐름 문제를 해결하는 개발 패턴 (Unidirectional data flow) action : 화면에서 발생하는 이벤트 또는 사용자의 입력 dispatcher : 데이터를 변경하는 방법(메서드) model : 화면에 표시할 데이터 v..