新文档地址:vuejs.org

中文版翻译:staging-cn.vuejs.org

看完本篇你将有2收获

  1. 了解新文档的新变化
  2. 收获一份 Vue教程英语 3 新文档学习笔记50张思维导图,附原图及原 xmind 文档)

前言

大家好,我是LBJ,最近参与了 Vue 3新文档的翻译和校验工作 (vuejs/docs contrgithub中文官网网页ibutor 和 docs-zh-cn contributor)

我们知道 Vue 3 新文档 ( vuejs.org ) 已经发布一个多月了,但那是英文版的,不知道你看gitee了没?

没有看,那就有福了!中文版翻译要来了

为什么说它要来了呢?

一是,原 Vue 3 中文文档 ( v3.cn.vuejs.orggithub ) 尤大已经标注:旧版

焕然一新的 Vue 3 中文文档要来了

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

焕然一新的 Vue 3 中文文档要来了

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

以下正文GitHub内容将分为两部分:

  1. 新文档的新变化教程的意思
  2. Vue 3 新文档学习笔记

一、新文档的新变化

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

焕然一新的 Vue 3 中文文档要来了

1. 新增了深色模式

焕然一新的 Vue 3 中文文档要来了

2. 响应式设giti轮胎

焕然一新的 Vue 3 中文文档要来了

3. 在指引、教程和范例中新增APGitI风格切换功能(选择Options或者Composition API)

焕然一新的 Vue 3 中文文档要来了

4. 全新的互动教程

焕然一新的 Vue 3 中文文档要来了

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

焕然一新的 Vue 3 中文文档要来了

6. 更快的查找API

焕然一新的 Vue 3 中文文档要来了

7. 重做了指引

焕然一新的 Vue 3 中文文档要来了

重写了 TypeScript 指引

焕然一新的 Vue 3 中文文档要来了

重写了深入响应式系统

焕然一新的 Vue 3 中文文档要来了

重写了渲染机制

焕然一新的 Vue 3 中文文档要来了

全新的可组合函数指引

焕然一新的 Vue 3 中文文档要来了

新的工具链指引

焕然一新的 Vue 3 中文文档要来了

新的性能指引

焕然一新的 Vue 3 中文文档要来了

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

焕然一新的 Vue 3 中文文档要来了

9. 使用 VitePress 构建

焕然一新的 Vue 3 中文文档要来了

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

焕然一新的 Vue 3 中文文档要来了

二、新文档学习笔记

开始

简介

焕然一新的 Vue 3 中文文档要来了

快速开始

焕然一新的 Vue 3 中文文档要来了

基础教程之家教学视频

创建 Vugit教程e应用

焕然一新的 Vue 3 中文文档要来了

模板语法

焕然一新的 Vue 3 中文文档要来了

响应式基础

焕然一新的 Vue 3 中文文档要来了

计算属性

焕然一新的 Vue 3 中文文档要来了

类与样式绑定

焕然一新的 Vue 3 中文文档要来了

条件渲染

焕然一新的 Vue 3 中文文档要来了

列表渲染

焕然一新的 Vue 3 中文文档要来了

事件处理

焕然一新的 Vue 3 中文文档要来了

表单输入绑定

焕然一新的 Vue 3 中文文档要来了

生命周期钩子

焕然一新的 Vue 3 中文文档要来了

侦听器

焕然一新的 Vue 3 中文文档要来了

模板 ref

焕然一新的 Vue 3 中文文档要来了

组件基础

焕然一新的 Vue 3 中文文档要来了

深入组件

组件注册

焕然一新的 Vue 3 中文文档要来了

Progithub官网ps

焕然一新的 Vue 3 中文文档要来了

组件事件

焕然一新的 Vue 3 中文文档要来了

透传 attributgit教程e

焕然一新的 Vue 3 中文文档要来了

插槽

焕然一新的 Vue 3 中文文档要来了

依赖注入

焕然一新的 Vue 3 中文文档要来了

异步组件

焕然一新的 Vue 3 中文文档要来了

可重用性

可组笔记本电脑性价比排行2020合函数

焕然一新的 Vue 3 中文文档要来了

自定义指令

焕然一新的 Vue 3 中文文档要来了

笔记本

焕然一新的 Vue 3 中文文档要来了

内置组件

Transition

焕然一新的 Vue 3 中文文档要来了

TransitionGroup

焕然一新的 Vue 3 中文文档要来了

KeepAgitilive

焕然一新的 Vue 3 中文文档要来了

Teleporgithub中文官网网页t

焕然一新的 Vue 3 中文文档要来了

Su笔记spense

焕然一新的 Vue 3 中文文档要来了

升级规模

单文件组件

焕然一新的 Vue 3 中文文档要来了

工具链

焕然一新的 Vue 3 中文文档要来了

路由

焕然一新的 Vue 3 中文文档要来了

状态管理

焕然一新的 Vue 3 中文文档要来了

测试

焕然一新的 Vue 3 中文文档要来了

github中文官网网页务端渲染 (SSgithub中文官网网页R)

焕然一新的 Vue 3 中文文档要来了

最佳实践

生产环境部署

焕然一新的 Vue 3 中文文档要来了

性能

焕然一新的 Vue 3 中文文档要来了

无障碍访问

焕然一新的 Vue 3 中文文档要来了

安全

焕然一新的 Vue 3 中文文档要来了

与TS

搭配 TypeScript 使用 Vue

焕然一新的 Vue 3 中文文档要来了

TypeScript 与组合式 API

焕然一新的 Vue 3 中文文档要来了

TypeScript 与选项式 API

焕然一新的 Vue 3 中文文档要来了

进阶

多种方安全工程师式使用 Vue

焕然一新的 Vue 3 中文文档要来了

组合式 API FAQ

焕然一新的 Vue 3 中文文档要来了

深入响应式系统

焕然一新的 Vue 3 中文文档要来了

渲染机制

焕然一新的 Vue 3 中文文档要来了

渲染函数 & JSX

焕然一新的 Vue 3 中文文档要来了

附件

  • 已将上述思维导图原图及原 xmind 文档上传到 github,如有需要可自行下载:传送门

补充说明

看新的中文文档时,可能你会遇到一些问题,比如有些页面未翻译等等。不要诧异,因为中文版非正式上线,可能存在问题,截止目前仅集中翻译了srcguide目录下的文档,正式上线的英文版也还在更新中,所以之后会增加其他稳定页面的翻译和github永久回家地址校验,还有很多工作,欢迎一起参与进来

结语

以上是本文的所有内容,如有笔记问题欢迎指正