Vue 2 와 Vue3 의 차이

왜 Vue2를 안쓰고 Vue3 을 쓰냐는 면접관의 질문이 있었다고 커뮤니티의 한 분이 말씀하셨다.

물론 2023년에 손을 놓겠다는 선언 때문이겠지만,  컴포지션 API라는 장점 외에 추가로 차이점을 알아보기로 했다

 

1. 컴포지션 API: Vue 3은 Vue 2에서 사용되는 전통적인 옵션 API의 대안인 컴포지션 API라는 새로운 구성 요소 작성 방법을 소개합니다. 컴포지션 API를 사용하면 개발자가 보다 선언적이고 반응적인 스타일로 구성 요소를 작성할 수 있으므로 코드를 재사용하고 상태를 관리하는 것이 더 쉬워집니다.
   
   
2. 향상된 성능: Vue 3은 성능에 최적화되었으며 새로운 가상 DOM 구현, 새로운 템플릿 컴파일러, 새로운 런타임 돔 라이브러리와 같은 Vue 2에 대한 몇 가지 개선 사항을 포함한다. 이러한 개선으로 Vue 3은 Vue 2보다 더 빠르고 효율적입니다.
   
   
3. TypeScript 지원: Vue 3은 Vue 2에서 사용할 수 없었던 공식적인 TypeScript 지원을 포함한다. 이를 통해 개발자들은 코드 품질을 개선하고 개발 프로세스 초기에 오류를 감지하기 위해 Vue 3과 함께 TypeScript를 사용할 수 있다.
   
   
4. 반응성 향상: Vue 3에는 반응성 시스템에 대한 몇 가지 개선 사항이 포함되어 있는데, 여기에는 반응성이 없는 값을 관찰하는 기능과 반응성이 있는 물체 및 배열을 생성하는 기능이 포함됩니다.
   
   
5. 더 나은 트리 쉐이킹: Vue 3은 자바스크립트 번들에서 사용되지 않는 코드를 제거하는 데 사용되는 기술인 트리 쉐이킹을 지원하도록 설계되었다. 따라서 Vue 3 애플리케이션의 크기를 보다 쉽게 최적화할 수 있습니다.
   
   
   전반적으로 Vue 3은 새로운 Composition API, 향상된 성능, TypeScript 지원 및 향상된 반응성을 포함하여 Vue 2에 비해 몇 가지 새로운 기능과 향상된 기능을 소개합니다.