Vue 3.0은 이제 TypeScript에 도착합니다.

거의 2년 간의 개발 끝에 웹 UI 개발을 위한 잘 알려진 JavaScript 프레임워크에 대한 중요한 업그레이드인 Vue 3.0이 현재 프로덕션 릴리스로 제공됩니다. 하이라이트는 더 작은 번들 크기와 더 나은 성능으로 구성됩니다.

뷰 3.0의 성능

9월 18일에 출시된 Vue 3.0은 업데이트 속도, 렌더링 속도, 번들 크기 및 메모리 사용량과 관련하여 Vue 2에 비해 성능을 향상시킬 계획입니다. 프로젝트의 일환으로 업데이트는 최대 130%, 렌더링은 55%, 메모리 사용량은 최대 53% 감소합니다. 이 외에도 번들 크기는 출력 파일 크기를 최소화하는 데 사용되는 기술인 트리 쉐이킹과 함께 최대 40% 가벼워집니다.

뷰 내부

Vue 내부는 다시 한 번 분리된 모듈 모음으로 작성되어 런타임 크기를 최소화하고 유지 관리 용이성을 제공하는 아키텍처를 제공합니다. 하위 수준 API는 사용자 지정을 위한 AST 변환을 지원하는 컴파일러와 같은 고급 사용 사례를 잠금 해제하는 모듈에 의해 노출됩니다. API는 WebGL, 터미널 또는 기본 모바일과 같은 다양한 대상에 대한 사용자 정의 렌더를 개발하기 위해 코어 런타임에서 제공됩니다. 또한 @vue/reactivity 모듈은 독립형 패키지로 사용할 수 있는 Vue의 반응성 시스템에 대한 액세스를 제공하는 기능을 내보내는 역할을 합니다.

Vue 3.0 출시 이정표는 여러 하위 프로젝트에 여전히 작업이 필요할 수 있지만 프레임워크의 전반적인 준비 상태를 표시할 책임이 있습니다. Vue 프로젝트 개발자에 따르면 그린필드 프로젝트를 시작하는 것이 안전했습니다. 또한 라이브러리 작성자는 프로젝트를 업그레이드할 수 있습니다.

Vue 3.0의 다른 혁신적인 기능은 다음과 같이 구성됩니다.

A codebase is composed of TypeScript. The Type definitions are updated and bundled.

A Composition API which makes it simpler to make use of Vue when it comes to large-scale applications.

Experimental features like <script setup> providing syntactic sugar for being use of Composition inside SFCs as well as <style var> providing CSS variables which are state-driven within SFCs.

Vue.js 빌더는 IE11 지원, 마이그레이션 빌드 기능 및 템플릿 유형 추론에 대한 추가 개선 사항을 강조할 예정입니다.

여기에서 자세히 알아보십시오: https://www.rlogical.com/blog/vue-3-0-now-arrives-in-typescript/