Vue2 Vue3

Vue2의 단점

1. 코드가 독립적이지 않아 프로젝트 규모가 커질수록 복잡해짐
2. 코드의 재사용이 힘듦
3. 타입스크립트를 온전히 지원하지 않음
4. 2023-12-31에 지원 중단 예정

Vue3 변경점 일부

1. 가상 DOM 최적화, 필요한 코드만 import하는 방법 등을 통해 성능 향상
2. 컴포지션 api를 통해 코드를 독립적으로 정의하고 재사용 가능
3. 컴포지션 api의 setup 함수를 통해 자동으로 타입 추론, 타입스크립트 사용 쉬워짐
4. Teleport를 활용해 CSS 없이 HTML을 옮겨서 렌더링 가능
5. Fragment를 사용해 루트 설정 가능 (<></>)
6. 리액트에서 지원하던 suspense 사용 가능
7. Reactivity api를 통해 객체에 반응성 추가 가능

References

1. https://www.samsungsds.com/kr/insights/vue_js_3.html
2. https://appmaster.io/ko/blog/vue3-dangsini-algo-sipeun-modeun-geos