点击蓝字关注我们

内容转载于掘金，作者 LBJ

我们知道 Vue 3 新文档 ( vuejs.org ) 已经发布一段时间了，但那是英文版的，不知道你看了没？

没有看，那就有福了！中文版翻译要来了！

为什么说它要来了呢？

一是，原 Vue 3 中文文档 ( v3.cn.vuejs.org ) 尤大已经标注：旧版

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

因此，焕然一新的 Vue 3 中文文档它来了，和我一起先睹为快，看看文档都有哪些新变化吧！

以下正文内容将分为两部分：

新文档的新变化

Vue 3 新文档学习笔记

新文档的新变化

一图简单小结了 10 点主要的变化，如下

1. 新增了深色模式

2. 响应式设计

3. 在指引、教程和范例中新增 API 风格切换功能

（选择 Options 或者 Composition API）

4. 全新的互动教程

5. 新增了例子,包括 7GUIs 的实现

6. 更快的查找API

7. 重做了指引

重写了 TypeScript 指引

重写了深入响应式系统

重写了渲染机制

全新的可组合函数指引

新的工具链指引

新的性能指引

8. 单页面导航+智能预读取视口中的链接

9. 使用 VitePress 构建

10. 自动水合部分静态内容

新文档学习笔记

开始

简介

快速开始

基础

创建 Vue 应用

模板语法

响应式基础

计算属性

类与样式绑定

条件渲染

列表渲染

事件处理

表单输入绑定

生命周期钩子

侦听器

模板 ref

组件基础

深入组件

组件注册

Props

组件事件

透传 attribute

插槽

依赖注入

异步组件

可重用性

可组合函数

自定义指令

插件

内置组件

Transition

TransitionGroup

KeepAlive

Teleport

Suspense

升级规模

单文件组件

工具链

路由

状态管理

测试

服务端渲染 (SSR)

最佳实践

生产环境部署

性能

无障碍访问

安全

与 TS

搭配 TypeScript 使用 Vue

TypeScript 与组合式 API

TypeScript 与选项式 API

进阶

多种方式使用 Vue

组合式 API FAQ

深入响应式系统

渲染机制

渲染函数 & JSX

附件

作者已将上述思维导图原图及原 xmind 文档上传到 github，如有需要可自行下载：文末“阅读原文”直达

补充说明

看新的中文文档时，可能你会遇到一些问题，比如有些页面未翻译等等。

不要诧异，因为中文版非正式上线，可能存在问题，截止目前仅集中翻译了 src\guide 目录下的文档，正式上线的英文版也还在更新中，所以之后会增加其他稳定页面的翻译和校验。

蓝桥云课福利

蓝桥云课为大家提供了代码交流群供大家讨论，欢迎加入哦~

戳戳“阅读原文”直达下载页面！

Vue 3 中文文档来啦！相关推荐

焕然一新的 Vue 3 中文文档要来了
前言大家好,我是LBJ,最近参与了 Vue 3新文档的翻译和校验工作 (vuejs/docs contributor 和 docs-zh-cn contributor) 我们知道 Vue 3 新文档 ...
vue axios中文文档（一）
特色浏览器端发起XMLHttpRequests请求 node端发起http请求支持Promise API 拦截请求和返回转化请求和返回(数据) 取消请求自动转化json数据客户端支持抵御XS ...
semantic ui中文文档_Vuetify-广受欢迎的Material风格的开源UI框架
全世界范围内广受欢迎的 Vue UI 框架,一个非常精致的 Material Design UI 套件. Material Design 风格 UI 框架 Vuetify 是一个基于 Vue.js 精 ...
c if sortable html,sortable.js中文文档
sortable.js中文文档 Sortable.js是一款优秀的js拖拽库,支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中.不依赖jQuery.支持 Meteor.Angul ...
three.js中文文档下载_threejs基础学习一
three.js是个插件库,就是使用javascript 来写3D程序.网上教程挺多的,官方的中文文档也有,甚至有本书<Three.js开发指南>,所以这个插件库还是很成熟的.没错,最近一 ...
vuetify中文文档_我们为什么选择Vuetify作为前端框架
尝试了很多不同的前端框架,最终我们选择Vuetify(https://vuetifyjs.com)前端框架. 从Bootstrap开始,到iview,Buefy,elementUI,我们都是不断的尝试 ...
React + webpack 开发单页面应用简明中文文档教程（一）一些基础概念
React + webpack 开发单页面应用简明中文文档教程(一)一些基础概念 React 入门系列教程导航 React + webpack 开发单页面应用简明中文文档教程(一)一些基础概念 Rea ...
Bootstrap 一篇就够快速入门使用（中文文档）
目录一.Bootstrap 简介什么是 Bootstrap? 历史为什么使用 Bootstrap? Bootstrap 包的内容在线实例 Bootstrap 实例更多实例 Bootstrap ...
lavaral中文手册_Laravel-mix 中文文档
概览基本示例 larave-mix 是位于webpack顶层的一个简洁的配置层,在 80% 的情况下使用 laravel mix 会使操作变的非常简单.尽管 webpack 非常的强大,但大部分人都 ...
axios中文文档 - 内容详细层次合理
axios 在线中文文档 axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中. !> 如果你使用node.js,使用axios和cheerio可以制作 ...

Vue 3 中文文档来啦！