Vue가 다시 뜨는 이유

Vue가 다시 주목받는 이유는 단순히 문법이 쉬워서가 아니다.
Vue는 React와 다르게 MVVM 패턴을 따르고 있어서 View와 Model 사이의 연결이 자동화되어 있다.

 

React

• 사용자가 input을 입력하면 → onChange 이벤트 핸들러 실행
• 상태(state)가 직접 업데이트되고 → 그 값이 view에 반영
• 즉, 단방향 데이터 흐름 (Unidirectional Flow)

Vue

• 사용자가 input을 입력하면 → ViewModel이 자동으로 데이터(Model)와 View를 동기화
• v-model로 양방향 바인딩이 구현되어 있어, 상태 업데이트와 화면 반영이 자동
• 즉, 양방향 데이터 흐름 (Two-way Binding)
• 거기에 Composition API가 도입되면서 로직 분리, 재사용, TypeScript 지원이 강화되어 개발 생산성이 크게 향상

>> React에서 아래와 같이 코드로 양방향 데이터 흐름처럼 자동처럼 보이게 만들 수는 있지만 항상 명시적으로 연결해야 함.

<input
  value={state}
  onChange={e => setState(e.target.value)}
/>

 

>>> 결론: Vue는 구조적으로 데이터 흐름이 단순하고 생산성이 높다는 점이 강점이다.