Store2 38. Vue - vuex 개념 정리 1. Store 각 vue 컴포넌트에서 사용하는 데이터를 다른 컴포넌트와 공유하여 사용하기 위해서 store라는 하나의 데이터 창고를 형성하여 각 컴포넌트의 데이터를 보관한다. 2. Store module 모듈이라는 분리된 저장공간을 만들어, 각 컴포넌트의 데이터를 따로 정리하여 보관할 수 있다. 3. Store의 속성(option)개념 namespaced: 스토어 모듈임을 명시하는 속성, boolean state: 뷰 컴포넌트에서 사용되는 데이터 getters: 뷰 컴포넌트의 computed()와 동일한 기능을 작성하는 부분 , 일방통행 - state 데이터를 읽기만 가능 mutations: 뷰 컴포넌트의 methods()와 동일한 기능을 작성하는 부분, 쌍방통행 - state 값 변경 가능 actio.. 2021. 6. 21. 33. Vue - Vuex(뷰엑스) 1. 컴포넌트 간의 데이터 교류 - Vue 에서는 기본적으로 상/하위 또는 부모/자식 컴포넌트 관계에 한해서 데이터를 주고 받을 수 있다. - 이전 포스팅에서 다뤘던 부분인데, 이번 기회를 통해서 복습해보자. a) props - props는 상/하위 관계를 이용하여 데이터를 교류하는 방법이다. - 위 사진처럼, props는 반드시 중간에 존재하는 컴포넌트를 거쳐서 데이터를 전달해야 한다는 단점이 있다. - 즉, 하위 컴포넌트가 깊을수록 거쳐야 하는 컴포넌트가 많아지는 것이다. - props에 대한 자세한 내용이 궁금하다면 아래의 이전 포스팅을 참고하자. https://devraphy.tistory.com/212 20. Vue - 컴포넌트 기초(props, slot) 0. 예제코드 a) App.vue b.. 2021. 6. 4. 이전 1 다음
