vue3.0은 언제 출시됐나요?

vue3.0이 2020년 9월 18일에 공식 출시되었습니다. vue3.0 버전은 다른 버전과 완전히 다릅니다. 개발자가 도구를 구성하는 횟수를 최소화하고 풍부한 내장 기능을 추가하며 프로젝트 생성 및 관리를 위한 완전한 GUI가 함께 제공됩니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 3.0, DELL G3 컴퓨터.

vue3.0은 언제 출시됐나요

2020년 9월 18일, Vue.js 3.0이 공식 출시되었습니다. 이번 프레임워크 릴리스는 몇 가지 주요 개선 사항과 일부 기능 및 기록 요약을 제공합니다! Vue.js 3.0 正式发布。本次发布框架本身带来了几个大点的改进，以及功能和历程的一些总结!

1.3.0历程

• 3.0版本代表了2年多的开发工作
• 具有30多个RFC
• 2600多个提交
• 来自99个贡献者
• 628个拉取请求
• 大量开发和文档工作

2.Vue的使命

成为任何人都可以快速学习的易于接近的框架

3.性能方面的优化

• 路由懒加载
• keep-alive缓存页面
• 使用v-show复用DOM
• v-for 遍历避免同时使用 v-if
• 长列表性能优化
• 事件的销毁
• 图片懒加载
• 第三方插件按需引入
• 无状态的组件标记为函数式组件
• 子组件分割
• 变量本地化
• SSR

4.更好的TypeScript集成

• 改进的TypeScript支持，编辑器能提供强有力的类型检查和错误及警告
• 更好的调试支持

5.用于处理大规模用例的新API

• reactive
• ref
• computed
• readonly
• watchEffect
• watch
• unref
• toRef
• toRefs
• isRef
• isProxy
• isReactive
• isReadonly
• customRef
• markRaw
• shallowReactive
• shallowReadonly
• shallowRef
• toRaw

6.分层内部模块

Vue 3.0内核仍然可以通过一个简单的<script>标签使用，但其内部结构已被彻底重写为一组解耦的模块。新的体系结构提供了更好的可维护性，并允许最终用户通过摇树来减少运行时大小的一半。

模块如下:

模块提供的功能点:

1.编译器支持用于构建时自定义的自定义AST转换（例如，构建时i18n）

2.核心运行时提供API用于创建针对不同渲染目标（例如本机移动设备，WebGL或终端）的自定义渲染器。默认DOM渲染器使用相同的API构建。

3.该@vue/reactivity模块导出的功能可以直接访问Vue的反应系统，并且可以用作独立程序包。它可以与其他模板解决方案（例如lit-html）配对，甚至可以用于非UI方案。

7.composition-api设计目的

旨在解决大型应用程序中Vue使用的难点。
Composition API建立在反应性API之上，与2.x基于对象的API相比，可实现类似于React挂钩的逻辑组成和重用，更灵活的代码组织模式以及更可靠的类型推断。

8.性能改进(相对Vue2)

• 通过摇树(减轻了多达41％的资源大小)
• 初始渲染（加快了多达55％的速度）
• 更新速度:（加快了133％的速度）
• 内存占用:(最多减少54％)

9.提供的两个实验性功能

• <script setup>

用于在SFC中使用Composition API的语法糖

• <style vars>

1.3.0 역사

3.0 버전은 30개 이상의 RFC가 포함된 2년 이상의 개발 작업

을 나타냅니다.

2600개 이상의 커밋

99명의 기여자

628개의 풀 요청

많은 개발 및 문서화 작업

2. Vue의 사명

• 누구나 쉽게 배울 수 있습니다. 프레임워크 닫기
• 3. 성능 최적화

라우트 지연 로드

킵얼라이브 캐시 페이지

v-show를 사용하여 DOM 재사용🎜🎜v-v-if를 동시에 사용하지 않으려면 순회용🎜🎜 긴 목록 성능 최적화🎜🎜 이벤트 파괴🎜🎜이미지 지연 로딩🎜🎜요청 시 타사 플러그인 도입🎜🎜기능적 구성 요소로 표시된 상태 비저장 구성 요소🎜🎜하위 구성 요소 분할🎜🎜가변 지역화🎜🎜SSR🎜🎜🎜🎜 4. 더 나은 TypeScript 통합🎜🎜🎜🎜향상된 TypeScript 지원으로 편집기는 강력한 유형 검사와 오류 및 경고를 제공할 수 있습니다.🎜🎜더 나은 디버깅 지원🎜🎜🎜🎜5 대규모 사용 사례 API🎜🎜🎜🎜reactive🎜🎜ref🎜🎜을 처리하기 위한 새로운 기능입니다. 계산🎜🎜readonly🎜🎜watchEffect🎜🎜watch🎜🎜unref🎜🎜toRef🎜🎜toRefs🎜🎜isRef🎜🎜is Proxy🎜🎜isReactive🎜🎜isReadonly🎜🎜customRef 🎜🎜markRaw🎜🎜shallowReactive🎜🎜shallowReadonly🎜🎜shallowRef🎜🎜toRaw 🎜🎜🎜🎜6. 계층화된 내부 모듈🎜🎜🎜Vue 3.0 코어는 여전히 간단한 <script> 태그를 통해 사용할 수 있지만 내부 구조는 분리된 모듈 세트로 완전히 다시 작성되었습니다. 새로운 아키텍처는 더 나은 유지 관리 기능을 제공하고 최종 사용자가 트리 쉐이킹을 통해 런타임 크기를 절반으로 줄일 수 있도록 합니다. 🎜

모듈은 다음과 같습니다:

🎜🎜

🎜모듈에서 제공하는 기능 지점:🎜

🎜1. 컴파일러는 빌드 시 사용자 정의(예: 빌드 시 i18n)를 위한 사용자 정의 AST 변환을 지원합니다. 🎜🎜2. API는 네이티브 모바일, WebGL 또는 터미널과 같은 다양한 렌더링 대상을 대상으로 하는 사용자 정의 렌더러를 만드는 데 사용됩니다. . 기본 DOM 렌더러는 동일한 API를 사용하여 구축됩니다. 🎜🎜3. @vue/reactivity 모듈에서 내보낸 함수는 Vue의 반응형 시스템에 직접 액세스할 수 있으며 독립형 패키지로 사용할 수 있습니다. lit-html과 같은 다른 템플릿 솔루션과 함께 사용할 수 있으며 UI가 아닌 시나리오에서도 사용할 수 있습니다. 🎜🎜🎜7.composition-api 디자인 목적🎜🎜🎜은 대규모 애플리케이션에서 Vue를 사용할 때의 어려움을 해결하는 것을 목표로 합니다.
Composition API는 반응형 API를 기반으로 구축되어 2.x 객체 기반 API에 비해 React 후크와 유사한 논리적 구성 및 재사용, 더 유연한 코드 구성 패턴 및 더 안정적인 유형 추론을 가능하게 합니다. 🎜🎜🎜8. 성능 개선(Vue2 대비) 🎜🎜🎜🎜 트리 쉐이킹을 통해(리소스 크기 최대 41% 감소) 🎜🎜초기 렌더링(최대 55% 더 빠름) 🎜🎜업데이트 속도: (133% 속도 향상) 더 빨라짐)🎜🎜메모리 공간: (최대 54% 감소)🎜🎜🎜🎜9. 두 가지 실험적 기능 제공🎜🎜🎜🎜<스크립트 설정>🎜🎜🎜🎜 컴포지션 사용을 위한 구문 설탕 SFC🎜🎜🎜🎜<style vars>🎜🎜🎜🎜SFC🎜🎜🎜🎜9의 상태 기반 CSS 변수 마이그레이션 3.0 가이드🎜🎜🎜 https://v3.vuejs. org/guide/migration/introduction.html🎜🎜🎜10. IE11과 호환🎜🎜🎜 2020년 4분기에 집중할 계획입니다. 따라서 기존 v2 애플리케이션을 마이그레이션하거나 IE11 지원이 필요한 애플리케이션을 마이그레이션하려는 사용자는 현재 이러한 제한 사항을 알고 있어야 합니다. 🎜🎜🎜11. 후속 계획 🎜🎜🎜🎜마이그레이션 버전 🎜🎜IE11 지원 🎜🎜새로운 devtool의 라우터 및 Vuex 통합 🎜🎜Vetur의 템플릿 유형 추론 추가 개선 🎜🎜🎜더 많은 프로그래밍 관련 지식을 보려면 다음을 방문하세요. 🎜프로그래밍 영상🎜! ! 🎜

위 내용은 vue3.0은 언제 출시됐나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!