Vue 컴포넌트 데이터 v-model 연동하기 컴포넌트 작성 시 자식컴포넌트와 부모컴포넌트의 데이터를 양방향으로 구성 하는 경우가 종종 있다. 방법은 몇가지 있지만, 원리는 같으며, v-model 속성을 연동하는 방법에 대한 팁 으로 보면 좋을 거 같다. 해당 예제는 vue 2.x 에 적용된다. 부모의 데이터: 위와같이 왈왈 속성을 computed 와 get, set 을 통해서, input 이벤트 때에 부모에게 값을 전달해 주는 형태 이다. 프레임워크.라이브러리/vue 2022.08.25
Vue 컴포넌트 데이터 연동 정리 SPA (Single Page Application) 프로젝트 에서 컴포넌트로 구조화 하는 방법은 핵심 장점으로 알려져 있고, 코드 재사용을 위해서 대체적으로 사용하는 추세이다. SPA (Single Page Application) 프로젝트라 하더라도, 반드시 컴포넌트 구조로 개발 해야하는 것은 아니다. 이전 SSR(Server Side Rendering) 때의 방식처럼, 현재 페이지에 모든데이터를 한번에 전달해서 처리하는 방법으로 해도 상관없다. 단지 Restful API 작성함에 Server Less 방식과 맞지 않고, 다양한 frontend framework 들이 컴포넌트 단위에 작성방식을 요구하고, 전수하다 보니, 현재 상황은 컴포넌트 단위로 개발하는 것이 정착 되어진 듯 하다. 이것은 MSA(M.. 프레임워크.라이브러리/vue 2022.08.25
