【Vuejs】1210- Vue 3 将成为新的默认版本
共 2864字,需浏览 6分钟
·
2022-01-24 03:51
原文地址: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"
}
}参考资料
[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]
[11]vuejs/core
: https://github.com/vuejs/core
[12]vuejs/router
: https://github.com/vuejs/router
[13]vuejs/docs
: https://github.com/vuejs/docs
[14]vuejs/test-utils
: https://github.com/vuejs/test-utils
[15]vuejs/babel-plugin-jsx
: https://github.com/vuejs/babel-plugin-jsx
[16]vuejs-translations
组织: https://github.com/vuejs-translationsbeta 频道: 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
1. JavaScript 重温系列(22篇全) 2. ECMAScript 重温系列(10篇全) 3. JavaScript设计模式 重温系列(9篇全) 4. 正则 / 框架 / 算法等 重温系列(16篇全) 5. Webpack4 入门(上)|| Webpack4 入门(下) 6. MobX 入门(上) || MobX 入门(下) 7. 120+篇原创系列汇总 回复“加群”与大佬们一起交流学习~