它来了、全新的Vue3中文文档来了

Vue.js – 渐进式 JavaScript 框架 | Vue.jsPlay icon[撒花]

其实早在一个多月前、Vue3的文档已经发布更新了，但那是纯英文的，不知道你看了没有？我看了[酸]，但是没看懂，最后还是向谷歌翻译妥协了。

其实，之前也有中文的翻译（https://v3.cn.vuejs.org/），只不过不是那么的原汁原味，也没有这么的看起来高大尚，最主要的原因还是体验不佳、表达的不够清晰、阅读麻烦、在开发过程中没有很好的提供帮助。


新变化

新文档vuejs.org 对应的中文版翻译已经将
英文版中稳定的页面 翻译完毕！而且前天官方已经将 banner 中的
编写中、
仅供预览 等字样移除，这意味着新的中文文档已经可以开始供大家阅读了。


风格

以前的文档中实例代码是不可以编辑、是只读的一个状态

新的代码风格，是深色的可编辑的。

简介

新文档简介中对
渐进式框架、
单文件组件、
API风格、
组合式API做出了具体的介绍。

快速开始

快速开始区分了多种构建流程，可根据个人喜好来选择合适的方式构建项目。

基础

针对一些语法、事件做出了详细的介绍。


模板语法

生命周期钩子

组件

深入组件、更是简明了普通组件、内置组件。

升级规模

详细的介绍了为什么要使用SFC

最佳实践

在开发过程中，Vue 提供了许多功能来提升开发体验：

• 对常见错误和隐患的警告
• 对 prop / 事件的校验
• 响应性调试钩子
• 开发工具集成

然而，这些功能在生产环境中并不能发挥作用。一些警告检查也会产生少量的性能开销。当部署到生产环境中时，我们应该移除所有未使用的、仅用于开发环境的代码分支，来获得更小的包体积和更好的性能。


不使用构建工具#

如果你没有使用任何构建工具，而是从 CDN 或其他源来加载 Vue，请确保在部署时使用的是生产环境版本（以 .prod.js 结尾的发行文件）。生产环境版本会被最小化，并移除了所有仅用于开发环境的代码分支。

• 如果需要使用全局变量版本（通过 Vue 全局变量访问）：请使用 vue.global.prod.js。
• 如果需要 ESM 版本（通过原生 ESM 导入访问）：请使用 vue.esm-browser.prod.js。

更多细节请参考 发行文件指南。


使用构建工具#

通过 create-vue 搭建的项目（基于 Vite）或者 Vue CLI（基于 Vue CLI）都会为生产环境发布作预配置。

如果使用了自定义的构建，请确保：

• vue 被解析为 vue.runtime.esm-bundler.js。
• 编译时功能标记 已被正确配置。
• process.env.NODE_ENV 会在构建时被替换为 “production”。

其他参考：

• Vite 生产环境指南
• Vite 部署指南
• Vue CLI 部署指南

追踪运行时错误#

应用级错误处理 可以用来向追踪服务报告错误：

import { createAPP } from ‘vue’const app = createApp(…)app.config.errorHandler = (err, instance, info) => {  // 向追踪服务报告错误}诸如 Sentry 和 Bugsnag 等服务也为 Vue 提供了官方集成。

总结

兄弟们、我就不多介绍了，是真的很beautiful。地址在这Vue.js – 渐进式 JavaScript 框架 | Vue.jsPlay icon，我说他是最好看的官网之一，尤大大来了我也这么说，耶稣都拉不住我[啤酒]。