Vue 3 中文文档来啦!

ba330a6bbf6bbbdfd9435e39d7b4ab9a.png

点击蓝字 关注我们

44d1e888370d81e534f26cea2373aba1.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 新文档学习笔记

bd97acd7609cb26308203f591baabbd6.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. 自动水合部分静态内容

fa66a0549aba315c2a4aea3e351faa83.png

3b1f65ea34e1e28e423f9e7ea379afdc.png

02

新文档学习笔记

开始

简介

Vue 3 中文文档来啦!_第19张图片

快速开始

Vue 3 中文文档来啦!_第20张图片

基础

创建 Vue 应用

Vue 3 中文文档来啦!_第21张图片

模板语法

Vue 3 中文文档来啦!_第22张图片

响应式基础

Vue 3 中文文档来啦!_第23张图片

计算属性

Vue 3 中文文档来啦!_第24张图片

类与样式绑定

Vue 3 中文文档来啦!_第25张图片

条件渲染

92211713324ec4ba4d92756fd2cee3cf.png

列表渲染

Vue 3 中文文档来啦!_第26张图片

事件处理

Vue 3 中文文档来啦!_第27张图片

表单输入绑定

Vue 3 中文文档来啦!_第28张图片

生命周期钩子

95d46bcf6ce34776489754ebb9d535ea.png

侦听器

Vue 3 中文文档来啦!_第29张图片

模板 ref

Vue 3 中文文档来啦!_第30张图片

组件基础

Vue 3 中文文档来啦!_第31张图片

深入组件

组件注册

Vue 3 中文文档来啦!_第32张图片

Props

Vue 3 中文文档来啦!_第33张图片

组件事件

Vue 3 中文文档来啦!_第34张图片

透传 attribute

Vue 3 中文文档来啦!_第35张图片

插槽

Vue 3 中文文档来啦!_第36张图片

依赖注入

Vue 3 中文文档来啦!_第37张图片

异步组件

Vue 3 中文文档来啦!_第38张图片

可重用性

可组合函数

Vue 3 中文文档来啦!_第39张图片

自定义指令

Vue 3 中文文档来啦!_第40张图片

插件

Vue 3 中文文档来啦!_第41张图片

内置组件

Transition

Vue 3 中文文档来啦!_第42张图片


TransitionGroup

Vue 3 中文文档来啦!_第43张图片


KeepAlive

Vue 3 中文文档来啦!_第44张图片

Teleport

Vue 3 中文文档来啦!_第45张图片

Suspense

Vue 3 中文文档来啦!_第46张图片

升级规模

单文件组件

Vue 3 中文文档来啦!_第47张图片

工具链

Vue 3 中文文档来啦!_第48张图片

路由

Vue 3 中文文档来啦!_第49张图片

状态管理

Vue 3 中文文档来啦!_第50张图片

测试

Vue 3 中文文档来啦!_第51张图片

服务端渲染 (SSR)

Vue 3 中文文档来啦!_第52张图片


最佳实践

生产环境部署

Vue 3 中文文档来啦!_第53张图片


性能

Vue 3 中文文档来啦!_第54张图片


无障碍访问

Vue 3 中文文档来啦!_第55张图片

安全

Vue 3 中文文档来啦!_第56张图片

与 TS

搭配 TypeScript 使用 Vue

Vue 3 中文文档来啦!_第57张图片

TypeScript 与组合式 API

Vue 3 中文文档来啦!_第58张图片

TypeScript 与选项式 API

Vue 3 中文文档来啦!_第59张图片

进阶

多种方式使用 Vue

Vue 3 中文文档来啦!_第60张图片

组合式 API FAQ

a76b6703710c93949dd34544efe5913d.png

深入响应式系统

Vue 3 中文文档来啦!_第61张图片

渲染机制

Vue 3 中文文档来啦!_第62张图片

渲染函数 & JSX

Vue 3 中文文档来啦!_第63张图片

附件

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


补充说明

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

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

d9fe8831bdce9669054e9790348bc2f4.png

03

蓝桥云课福利

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

Vue 3 中文文档来啦!_第64张图片

Vue 3 中文文档来啦!_第65张图片

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

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