vlambda博客
学习文章列表

Vue3会取代react吗?中文文档来啦!

点击蓝字 关注我们
Vue3会取代react吗?中文文档来啦!

内容转载于掘金,作者 LBJ


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


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


为什么说它要来了呢?


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


Vue3会取代react吗?中文文档来啦!


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


Vue3会取代react吗?中文文档来啦!


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


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

  • 新文档的新变化

  • Vue 3 新文档学习笔记


Vue3会取代react吗?中文文档来啦!

01
新文档的新变化


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


Vue3会取代react吗?中文文档来啦!


1. 新增了深色模式

Vue3会取代react吗?中文文档来啦!


2. 响应式设计

Vue3会取代react吗?中文文档来啦!


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

(选择 Options 或者 Composition API)

Vue3会取代react吗?中文文档来啦!


4. 全新的互动教程

Vue3会取代react吗?中文文档来啦!


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

Vue3会取代react吗?中文文档来啦!


6. 更快的查找API

Vue3会取代react吗?中文文档来啦!


7. 重做了指引

Vue3会取代react吗?中文文档来啦!


重写了 TypeScript 指引

Vue3会取代react吗?中文文档来啦!


重写了深入响应式系统

Vue3会取代react吗?中文文档来啦!


重写了渲染机制

Vue3会取代react吗?中文文档来啦!


全新的可组合函数指引

Vue3会取代react吗?中文文档来啦!


新的工具链指引

Vue3会取代react吗?中文文档来啦!


新的性能指引

Vue3会取代react吗?中文文档来啦!


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

Vue3会取代react吗?中文文档来啦!


9. 使用 VitePress 构建

Vue3会取代react吗?中文文档来啦!


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

Vue3会取代react吗?中文文档来啦!


Vue3会取代react吗?中文文档来啦!

02
新文档学习笔记

开始

简介

Vue3会取代react吗?中文文档来啦!


快速开始

Vue3会取代react吗?中文文档来啦!


基础

创建 Vue 应用

Vue3会取代react吗?中文文档来啦!


模板语法

Vue3会取代react吗?中文文档来啦!


响应式基础

Vue3会取代react吗?中文文档来啦!


计算属性

Vue3会取代react吗?中文文档来啦!


类与样式绑定

Vue3会取代react吗?中文文档来啦!


条件渲染

Vue3会取代react吗?中文文档来啦!


列表渲染

Vue3会取代react吗?中文文档来啦!


事件处理

Vue3会取代react吗?中文文档来啦!


表单输入绑定

Vue3会取代react吗?中文文档来啦!


生命周期钩子

Vue3会取代react吗?中文文档来啦!


侦听器

Vue3会取代react吗?中文文档来啦!


模板 ref

Vue3会取代react吗?中文文档来啦!


组件基础

Vue3会取代react吗?中文文档来啦!


深入组件

组件注册

Vue3会取代react吗?中文文档来啦!


Props

Vue3会取代react吗?中文文档来啦!


组件事件

Vue3会取代react吗?中文文档来啦!


透传 attribute

Vue3会取代react吗?中文文档来啦!


插槽

Vue3会取代react吗?中文文档来啦!


依赖注入

Vue3会取代react吗?中文文档来啦!


异步组件

Vue3会取代react吗?中文文档来啦!


可重用性

可组合函数

Vue3会取代react吗?中文文档来啦!


自定义指令

Vue3会取代react吗?中文文档来啦!


插件

Vue3会取代react吗?中文文档来啦!


内置组件

Transition

Vue3会取代react吗?中文文档来啦!


TransitionGroup

Vue3会取代react吗?中文文档来啦!


KeepAlive

Vue3会取代react吗?中文文档来啦!


Teleport

Vue3会取代react吗?中文文档来啦!


Suspense

Vue3会取代react吗?中文文档来啦!


升级规模

单文件组件

Vue3会取代react吗?中文文档来啦!


工具链

Vue3会取代react吗?中文文档来啦!


路由

Vue3会取代react吗?中文文档来啦!


状态管理

Vue3会取代react吗?中文文档来啦!


测试

Vue3会取代react吗?中文文档来啦!


服务端渲染 (SSR)

Vue3会取代react吗?中文文档来啦!


最佳实践

生产环境部署

Vue3会取代react吗?中文文档来啦!


性能

Vue3会取代react吗?中文文档来啦!


无障碍访问

Vue3会取代react吗?中文文档来啦!


安全

Vue3会取代react吗?中文文档来啦!


与 TS

搭配 TypeScript 使用 Vue

Vue3会取代react吗?中文文档来啦!


TypeScript 与组合式 API

Vue3会取代react吗?中文文档来啦!


TypeScript 与选项式 API

Vue3会取代react吗?中文文档来啦!


进阶

多种方式使用 Vue

Vue3会取代react吗?中文文档来啦!


组合式 API FAQ

Vue3会取代react吗?中文文档来啦!


深入响应式系统

Vue3会取代react吗?中文文档来啦!


渲染机制

Vue3会取代react吗?中文文档来啦!


渲染函数 & JSX

Vue3会取代react吗?中文文档来啦!


附件

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


补充说明

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


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


Vue3会取代react吗?中文文档来啦!

03
蓝桥云课福利


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




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