vlambda博客
学习文章列表

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

点击蓝字 关注我们
人手一份!Vue 3 中文文档来啦!

内容转载于掘金,作者 LBJ


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


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


为什么说它要来了呢?


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


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


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


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


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


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

  • 新文档的新变化

  • Vue 3 新文档学习笔记


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

01
新文档的新变化


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


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


1. 新增了深色模式

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


2. 响应式设计

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


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

(选择 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 中文文档来啦!

02
新文档学习笔记


开始

简介

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


快速开始

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


基础

创建 Vue 应用

人手一份!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 中文文档来啦!


Props

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


组件事件

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


透传 attribute

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


插槽

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


依赖注入

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


异步组件

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


可重用性

可组合函数

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


自定义指令

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


插件

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


内置组件

Transition

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


TransitionGroup

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


KeepAlive

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


Teleport

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


Suspense

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


升级规模

单文件组件

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


工具链

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


路由

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


状态管理

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


测试

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


服务端渲染 (SSR)

人手一份!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,如有需要可自行下载:文末“阅读原文”直达


补充说明

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


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


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

03
蓝桥云课福利


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




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