尤大官宣：Vue 3 将成为新的默认版本！

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

英文原文：https://blog.vuejs.org/posts/vue-3-as-the-new-default.html

划重点：Vue 3 将在 2022 年 2 月 7 日成为新的默认版本！

请务必阅读可能需要采取的措施部分，来确认你是否需要在默认版本切换之前做相应改动以避免发生异常。

本文章开放授权，在注明原文地址，内容不做修改的前提下可以随意转载。

从库到框架

在最开始的时候，Vue 仅仅是一个运行时库。但这些年来，它已经逐步发展成了一个包含许多子项目的框架：

• 核心库，即 vue npm 包
• 内容足够当作一本书的文档
• 构建工具链（Vue CLI、Vue Loader 和其他支持包）
• 用于构建单页应用的路由 Vue Router
• 用于状态管理的 Vuex
• 用于调试和分析的浏览器开发者工具扩展
• 用于支持开发单文件组件的 VSCode 扩展 Vetur
• 用于进行静态风格/错误检查的 ESLint 插件
• 用于组件测试的 Vue Test Utils
• 利用 Vue 运行时功能的定制 JSX Babel 插件
• 用于静态网站生成的 VuePress

正因为 Vue 是一个社区驱动的项目，才让这一切成为可能。这些项目中的许多都是由社区成员发起，他们后来成为了 Vue 团队的成员。其余的项目最初由我发起，但现在除了核心库之外，几乎都完全由团队维护。

Vue 3 的 “软发布”

随着核心库发布新的大版本，框架的所有其他部分也需要一起同步更新。我们还需要为 Vue 2 用户提供一个升级方案。对于 Vue 这样一个社区驱动的团队来说，这是一个巨大的工程。在 Vue 3 的核心库完成的时候，框架的其他部分要么还在 beta 状态，要么还没有开始适配 Vue 3。当时我们的决定是先发布核心库，这样早期用户可以先用起来，库和上层框架的开发者也可以先适配起来，而我们则继续更新框架的其余部分。

在这个过程中，我们依然将 Vue 2 保留为文档和 npm 安装时的默认版本。这是因为我们知道对于大部分用户来说，在 Vue 3 的其余部分完善以前，Vue 2 仍然提供了更一致且完整的体验。

崭新的 Vue

“软发布” 的过程比预期要长，但这个时刻终于到了：我们很高兴地宣布，Vue 3 将在 2022 年 2 月 7 日成为新的默认版本。

除了 Vue 核心库以外，我们还几乎改进了框架的每个方面。

• 基于 Vite^[1] 的极速构建工具链
• 
+ 

- 
+ 


  注意：即使使用 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"
    }
  }
  

  
  

  最后

  
  

  
  

  • 欢迎加我微信(winty230)，拉你进技术群，长期交流学习...
    

  • 欢迎关注「前端Q」,认真学前端，做个专业的技术人...

  

  点个在看支持我吧

  

  
  

  参考资料
  

  [1]

  Vite: https://vitejs.dev/

  [2]

  Volar: https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar

  [3]

  vue-tsc: https://github.com/johnsoncodehk/volar/tree/master/packages/vue-tsc

  [4]

  Pinia: https://pinia.vuejs.org/

  [5]

  插件系统: https://devtools.vuejs.org/plugin/plugins-guide.html

  [6]

  全新的 vuejs.org: https://staging.vuejs.org

  [7]

  中文版: https://staging-cn.vuejs.org

  [8]

  可能需要采取的措施: #potential-required-actions

  [9]

  完全重写的版本: https://staging.vuejs.org

  [10]

  vuejs/core: https://github.com/vuejs/core

  [11]

  vuejs/router: https://github.com/vuejs/router

  [12]

  vuejs/docs: https://github.com/vuejs/docs

  [13]

  vuejs/test-utils: https://github.com/vuejs/test-utils

  [14]

  vuejs/babel-plugin-jsx: https://github.com/vuejs/babel-plugin-jsx

  [15]

  vuejs-translations 组织: https://github.com/vuejs-translations

  [16]

  beta 频道: https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg

  [17]

  稳定频道: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

  [18]

  遗留频道: https://chrome.google.com/webstore/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp