728x90
반응형

vuex 2

[Vue.js] 데이터 전달 방법2 : vuex - state, mutations 개념과 활용

Vuex/state/mutations/Vue.js/Vuex사용법/Vue.js 데이터전달/양방향 바인딩/Vue store/Vuex 작동방식/Vuex 사용방법 props나 emit은 넘 복잡하다. 넘 불편하다..!! props와 emit에 대한 설명도 포스팅 해놓았으니 참고해도 좋다. https://asdfmelody.tistory.com/37 한단계 자식에게만 전달하는 경우에는 props와 emit을 이용하는 게 그리 어렵지 않을 수도 있겠지만, 실제 개발시에는 그렇게 간단한 경우만 존재하지는 않는다. 위와 같은 상황일때, Search 값에 따라서 List를 변경시켜야한다. 그러면 Search > Header > Main > Body > Stories 로 데이터를 이동시켜야하는데 전달할 때마다 props ..

2022.04.01

[Vue.js] 데이터 전달 방법1 : props, emit 개념과 활용

Vue 데이터 전달 / props / emit / 바인딩 / 데이터 바인딩 / Vue.js 개념과 활용 설명을 위한 기본 세팅은 다음과 같다. Props 부모 > 자식으로 데이터 전달 부모 : v-bind:key="value" 자식 : props:['key'] 부모인 Home.vue에서 v-bind를 통해 mySchool 데이터를 넘겨준다. 자식인 HomeChile.vue에서 props 선언을 통해 부모에서 전달한 데이터를 받고, console에 출력한다. HomeChild.vue 14번째 줄은 mySchool이 정의되어 있지 않아, undefined가 나온다. 부모에서 정의한 변수명만을 이용해야한다. 부모에서 자식으로 넘어온 props 데이터는 변경이 불가하다. props는 단방향으로 데이터가 전달되기..

2022.03.31
728x90
반응형