人手一份!Vue 3 中文文档来啦!

8e803b26e50435120bd9408aacef789a.png

点击蓝字 关注我们

54d2a16fdd294d3589727e38d58ca29f.png

内容转载于掘金,作者 LBJ

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

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

为什么说它要来了呢?

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

人手一份!Vue 3 中文文档来啦!_第1张图片

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

人手一份!Vue 3 中文文档来啦!_第2张图片

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

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

  • 新文档的新变化

  • Vue 3 新文档学习笔记

3159ca3e84bded2fdd66b8504c159cf6.png

01

新文档的新变化

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

人手一份!Vue 3 中文文档来啦!_第3张图片

1. 新增了深色模式

人手一份!Vue 3 中文文档来啦!_第4张图片

2. 响应式设计

人手一份!Vue 3 中文文档来啦!_第5张图片

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

(选择 Options 或者 Composition API)

人手一份!Vue 3 中文文档来啦!_第6张图片

4. 全新的互动教程

人手一份!Vue 3 中文文档来啦!_第7张图片

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

人手一份!Vue 3 中文文档来啦!_第8张图片

6. 更快的查找API

人手一份!Vue 3 中文文档来啦!_第9张图片

7. 重做了指引

人手一份!Vue 3 中文文档来啦!_第10张图片

重写了 TypeScript 指引

人手一份!Vue 3 中文文档来啦!_第11张图片

重写了深入响应式系统

人手一份!Vue 3 中文文档来啦!_第12张图片

重写了渲染机制

人手一份!Vue 3 中文文档来啦!_第13张图片

全新的可组合函数指引

人手一份!Vue 3 中文文档来啦!_第14张图片

新的工具链指引

人手一份!Vue 3 中文文档来啦!_第15张图片

新的性能指引

人手一份!Vue 3 中文文档来啦!_第16张图片


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

人手一份!Vue 3 中文文档来啦!_第17张图片

9. 使用 VitePress 构建

人手一份!Vue 3 中文文档来啦!_第18张图片

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

人手一份!Vue 3 中文文档来啦!_第19张图片

a1251390b469c8e758b90887aa40ac27.png

02

新文档学习笔记


开始

简介

人手一份!Vue 3 中文文档来啦!_第20张图片

快速开始

人手一份!Vue 3 中文文档来啦!_第21张图片

基础

创建 Vue 应用

人手一份!Vue 3 中文文档来啦!_第22张图片

模板语法

人手一份!Vue 3 中文文档来啦!_第23张图片

响应式基础

人手一份!Vue 3 中文文档来啦!_第24张图片

计算属性

人手一份!Vue 3 中文文档来啦!_第25张图片

类与样式绑定

人手一份!Vue 3 中文文档来啦!_第26张图片

条件渲染

人手一份!Vue 3 中文文档来啦!_第27张图片

列表渲染

人手一份!Vue 3 中文文档来啦!_第28张图片

事件处理

人手一份!Vue 3 中文文档来啦!_第29张图片

表单输入绑定

人手一份!Vue 3 中文文档来啦!_第30张图片

生命周期钩子

人手一份!Vue 3 中文文档来啦!_第31张图片

侦听器

人手一份!Vue 3 中文文档来啦!_第32张图片

模板 ref

人手一份!Vue 3 中文文档来啦!_第33张图片

组件基础

人手一份!Vue 3 中文文档来啦!_第34张图片

深入组件

组件注册

人手一份!Vue 3 中文文档来啦!_第35张图片

Props

人手一份!Vue 3 中文文档来啦!_第36张图片

组件事件

人手一份!Vue 3 中文文档来啦!_第37张图片

透传 attribute

人手一份!Vue 3 中文文档来啦!_第38张图片

插槽

人手一份!Vue 3 中文文档来啦!_第39张图片

依赖注入

人手一份!Vue 3 中文文档来啦!_第40张图片

异步组件

人手一份!Vue 3 中文文档来啦!_第41张图片

可重用性

可组合函数

人手一份!Vue 3 中文文档来啦!_第42张图片

自定义指令

人手一份!Vue 3 中文文档来啦!_第43张图片

插件

人手一份!Vue 3 中文文档来啦!_第44张图片

内置组件

Transition

人手一份!Vue 3 中文文档来啦!_第45张图片


TransitionGroup

人手一份!Vue 3 中文文档来啦!_第46张图片


KeepAlive

人手一份!Vue 3 中文文档来啦!_第47张图片

Teleport

人手一份!Vue 3 中文文档来啦!_第48张图片

Suspense

人手一份!Vue 3 中文文档来啦!_第49张图片

升级规模

单文件组件

人手一份!Vue 3 中文文档来啦!_第50张图片

工具链

人手一份!Vue 3 中文文档来啦!_第51张图片

路由

人手一份!Vue 3 中文文档来啦!_第52张图片

状态管理

人手一份!Vue 3 中文文档来啦!_第53张图片

测试

人手一份!Vue 3 中文文档来啦!_第54张图片

服务端渲染 (SSR)

人手一份!Vue 3 中文文档来啦!_第55张图片


最佳实践

生产环境部署

人手一份!Vue 3 中文文档来啦!_第56张图片


性能

人手一份!Vue 3 中文文档来啦!_第57张图片


无障碍访问

人手一份!Vue 3 中文文档来啦!_第58张图片

安全

人手一份!Vue 3 中文文档来啦!_第59张图片

与 TS

搭配 TypeScript 使用 Vue

人手一份!Vue 3 中文文档来啦!_第60张图片

TypeScript 与组合式 API

人手一份!Vue 3 中文文档来啦!_第61张图片

TypeScript 与选项式 API

人手一份!Vue 3 中文文档来啦!_第62张图片

进阶

多种方式使用 Vue

人手一份!Vue 3 中文文档来啦!_第63张图片

组合式 API FAQ

人手一份!Vue 3 中文文档来啦!_第64张图片

深入响应式系统

人手一份!Vue 3 中文文档来啦!_第65张图片

渲染机制

人手一份!Vue 3 中文文档来啦!_第66张图片

渲染函数 & JSX

人手一份!Vue 3 中文文档来啦!_第67张图片

附件

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


补充说明

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

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

09c772d70e5895e65d08ad860ef61768.png

03

蓝桥云课福利

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

人手一份!Vue 3 中文文档来啦!_第68张图片

人手一份!Vue 3 中文文档来啦!_第69张图片

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

你可能感兴趣的:(java,vue,html,react,javascript)