You Yuxi의 최신 발표: Vue3가 기본 버전이 될 것입니다!

강조 추가: Vue 3는 2022년 2월 7일에 새로운 기본 버전이 됩니다!

예외를 피하기 위해 기본 버전으로 전환하기 전에 해당 변경 사항을 적용해야 하는지 확인하려면 기사 끝에 있는 취해야 할 수 있는 조치 섹션을 꼭 읽어보세요.

이 글은 승인을 위해 공개되었으며 원본 주소를 표시하고 내용을 수정하지 않는 한 마음대로 복제할 수 있습니다.

라이브러리에서 프레임워크로

처음에 Vue는 단순한 런타임 라이브러리였습니다. 그러나 수년에 걸쳐 점차 많은 하위 프로젝트가 있는 프레임워크로 발전했습니다.

• 핵심 라이브러리, vue npm 패키지

• 콘텐츠는 책의 문서화에 충분합니다.

• 빌드 도구 체인(Vue CLI, Vue Loader 및 기타 지원 패키지)

• 단일 페이지 애플리케이션 구축을 위한 라우팅 Vue Router

• 상태 관리를 위한 Vuex

• 디버깅 및 프로파일링을 위한 브라우저 개발자 도구 확장

• VSCode 단일 파일 구성 요소 개발을 지원하는 확장 Vetur

• 정적 스타일/오류 검사를 위한 ESLint 플러그인

• 구성 요소 테스트를 위한 Vue 테스트 유틸리티

• Vue 런타임 활용 기능적 사용자 정의 JSX Babel 플러그인

• 정적 웹사이트 생성을 위한 VuePress

Vue는 커뮤니티 중심 프로젝트이기 때문에 이 모든 것이 가능합니다. 이러한 프로젝트 중 다수는 나중에 Vue 팀의 구성원이 된 커뮤니티 구성원에 의해 시작되었습니다. 나머지 프로젝트는 원래 제가 시작했지만 이제는 핵심 라이브러리를 제외하고는 거의 전적으로 팀에서 관리하고 있습니다. [추천: vue.js 비디오 튜토리얼]

Vue 3의 "소프트 릴리스"

핵심 라이브러리가 새로운 주요 버전을 출시함에 따라 프레임워크의 다른 모든 부분도 동시에 업데이트되어야 합니다. 또한 Vue 2 사용자를 위한 업그레이드 옵션도 제공해야 합니다. Vue와 같은 커뮤니티 중심 팀에게 이는 엄청난 일입니다. Vue 3의 핵심 라이브러리가 완성되었지만 프레임워크의 다른 부분은 아직 베타 버전이거나 Vue 3에 적응하기 시작하지 않았습니다. 당시 우리의 결정은 핵심 라이브러리를 먼저 출시하여 초기 사용자가 먼저 사용할 수 있도록 하고, 라이브러리 및 상위 프레임워크 개발자가 먼저 적응할 수 있도록 하는 동시에 나머지 프레임워크는 계속 업데이트하는 것이었습니다.

이 프로세스 중에 우리는 문서화 및 npm 설치를 위한 기본 버전으로 Vue 2를 계속 유지합니다. 이는 대부분의 사용자에게 Vue 3의 나머지 부분이 완벽해질 때까지 Vue 2가 여전히 더 일관되고 완전한 경험을 제공할 것이라는 것을 알고 있기 때문입니다.

새로운 Vue

"소프트 런칭" 프로세스가 예상보다 오래 걸렸지만 마침내 그 순간이 왔습니다. 2022년 2월 7일에 Vue 3가 새로운 기본 버전이 될 것임을 발표하게 되어 기쁩니다.

Vue 핵심 라이브러리 외에도 프레임워크의 거의 모든 측면을 개선했습니다.

• Vite 기반 매우 빠른 구성 도구 체인

• <스크립트 설정>은 결합된 API 구문

• Volar에서 제공하는 단일 파일 구성 요소 TypeScript IDE 지원

• vue-tsc 단일 파일 구성요소에 대한 명령줄 유형 검사 및 생성 제공

• Pinia는 더욱 간결한 상태 관리 제공

• 새로운 개발자 도구 확장, Vue 2/Vue 3 지원, 커뮤니티 라이브러리 확장을 허용하는 플러그인 시스템 제공 개발자 도구 패널 자체.

주요 문서도 완전히 다시 작성했습니다. 새로운 vuejs.org(현재 릴리스 보류 중, 중국어 번역은 아직 진행 중)는 가이드와 예제 전반에 걸쳐 최신 프레임워크 개요 및 개발 제안, 다양한 배경의 사용자를 위한 유연한 학습 경로를 제공합니다. 옵션 API와 구성된 API 간 전환 및 다양한 새로운 심층 장. 새 문서 자체의 사이트 성능도 뛰어납니다. 이에 대해서는 곧 다른 블로그 게시물에서 자세히 살펴보겠습니다.

버전 스위치 세부 정보

다음은 "새 기본 버전"이라고 부르는 버전에 대한 구체적인 세부 정보입니다. 또한 예외를 방지하기 위해 기본 버전으로 전환하기 전에 변경해야 할 사항이 있는지 확인하려면 문서 끝에 있는 가능한 작업 섹션을 읽어보세요.

npm 릴리스 태그

• npm install vue는 기본적으로 Vue 3를 설치합니다.

• 다른 모든 공식 npm 패키지의 최신 릴리스 태그는 vue-router, vuex, vue-loader 및 @vue/test-utils를 포함한 Vue 3 호환 버전을 가리킵니다.

공식 문서 및 사이트

모든 문서 및 공식 사이트는 기본적으로 Vue 3 버전으로 전환됩니다. 포함 사항:

- http://vuejs.org
- http://router.vuejs.org
- http://vuex.vuejs.org
- http://vue-test-utils.vuejs.org (将迁移到 http://test-utils.vuejs.org)
- http://template-explorer.vuejs.org

새로운 http://vuejs.org는 현재 v3.vuejs.org에 배포된 버전이 아닌 완전히 다시 작성된 버전이라는 점에 유의하세요.

이 사이트의 현재 Vue 2 버전은 새 주소로 마이그레이션됩니다(버전 접두어는 Vue 핵심 라이브러리 버전이 아닌 해당 라이브러리 버전을 나타냄):

- http://vuejs.org -> http://v2.vuejs.org (旧的 v2 网址将自动重定向到新地址上)
- http://router.vuejs.org -> http://v3.router.vuejs.org
- http://vuex.vuejs.org -> http://v3.vuex.vuejs.org
- http://vue-test-utils.vuejs.org -> http://v1.test-utils.vuejs.org
- http://template-explorer.vuejs.org -> http://v2.template-explorer.vuejs.org

GitHub Repository

At the 이 기사를 작성하는 시점에 저장소 관련 변경 사항이 이미 적용되었습니다.

vuejs 组织下的所有 GitHub 仓库将把默认分支切换到 Vue 3 对应的版本。此外，以下仓库将被重命名，以删除其名称中的 next：

- vuejs/vue-next -> vuejs/core
- vuejs/vue-router-next -> vuejs/router
- vuejs/docs-next -> vuejs/docs
- vuejs/vue-test-utils-next -> vuejs/test-utils
- vuejs/jsx-next -> vuejs/babel-plugin-jsx

此外，主文档的翻译仓库将被移至 vuejs-translations 组织下。

GitHub 会自动处理仓库的重定向，所以之前的源码与 issue 问题的链接应该仍然有效。

开发者工具扩展

开发者工具 v6 目前是发布到 Chrome Web Store 的 beta 频道下的，在版本切换后，将移至稳定频道。

目前的稳定频道仍然可用。它将被迁移到遗留频道。

可能需要采取的措施

未指定版本的 CDN 链接

如果你通过 CDN 链接使用 Vue 2 而没有指定版本，请确保通过 @2 来指定一个版本范围：

- <script src="https://unpkg.com/vue"></script>
+ <script src="https://unpkg.com/vue@2"></script>
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>

注意：即使使用 Vue 3，你也应该始终在生产环境指定一个版本范围，以避免意外地加载到未来的大版本。

npm latest 标签

如果你使用 `latest` 标签或 `*` 来从 npm 安装 Vue 或其他官方库，请更新为明确使用兼容 Vue 2 的版本：

{
  "dependencies": {
-   "vue": "latest",
+   "vue": "^2.6.14",
-   "vue-router": "latest",
+   "vue-router": "^3.5.3",
-   "vuex": "latest"
+   "vuex": "^3.6.2"
  },
  "devDependencies": {
-   "vue-loader": "latest",
+   "vue-loader": "^15.9.8",
-   "@vue/test-utils": "latest"
+   "@vue/test-utils": "^1.3.0"
  }
}

原文地址：https://zhuanlan.zhihu.com/p/460055155