关键词:
新文档地址:vuejs.org[1]
中文版翻译:staging-cn.vuejs.org[2]
看完本篇你将有2
点收获:
了解新文档的新变化
收获一份
Vue 3
新文档学习笔记(50
张思维导图,附原图及原xmind
文档)
前言
大家好,我是LBJ
,最近参与了 Vue 3
新文档的翻译和校验工作 (vuejs/docs contributor[3] 和 docs-zh-cn contributor[4])
我们知道 Vue 3
新文档 ( `vuejs.org`[5] ) 已经发布一个多月了,但那是英文版的,不知道你看了没?
没有看,那就有福了!中文版翻译要来了🎁
关注公众号 前端开发博客,领27本电子书
回复加群,自助秒进前端群
为什么说它要来了呢?
一是,原 Vue 3
中文文档 ( v3.cn.vuejs.org[6] ) 尤大已经标注:旧版
二是,新文档vuejs.org
对应的中文版翻译已经将 英文版中稳定的页面 翻译完毕!而且前天官方已经将 banner
中的移除 编写中、仅供预览 等字样,这意味着新的中文文档已经可以开始供大家阅读了
因此,焕然一新的 Vue 3
中文文档它来了,和我一起先睹为快,看看文档都有哪些新变化吧
以下正文内容将分为两部分:
新文档的新变化
Vue 3
新文档学习笔记
还可以看看:Vue3 对比Vue2,你找到哪些变化?
一、新文档的新变化
一图简单小结了10
点主要的变化,如下
1. 新增了深色模式 前端开发博客
2. 响应式设计
3. 在指引、教程和范例中新增API风格切换功能(选择Options或者Composition API)
4. 全新的互动教程
5. 新增了例子,包括7GUIs的实现
6. 更快的查找API
7. 重做了指引
重写了 TypeScript 指引
重写了深入响应式系统
重写了渲染机制
全新的可组合函数指引
新的工具链指引
新的性能指引
8. 单页面导航+智能预读取视口中的链接
9. 使用 VitePress 构建
10. 自动水合部分静态内容
二、新文档学习笔记
开始
简介
快速开始
基础
创建 Vue 应用
模板语法
响应式基础
计算属性
类与样式绑定
条件渲染
列表渲染
事件处理
表单输入绑定
生命周期钩子
侦听器
模板 ref
组件基础
深入组件
组件注册
Props
组件事件
透传 attribute
插槽
依赖注入
异步组件
可重用性
可组合函数
自定义指令
插件
内置组件
Transition
TransitionGroup
KeepAlive
Teleport
Suspense
升级规模
单文件组件
工具链
路由
状态管理
测试
服务端渲染 (SSR)
最佳实践
生产环境部署
性能
无障碍访问
安全
与TS
搭配 TypeScript 使用 Vue
TypeScript 与组合式 API
TypeScript 与选项式 API
进阶
多种方式使用 Vue
组合式 API FAQ
深入响应式系统
渲染机制
渲染函数 & JSX
附件
已将上述思维导图原图及原
xmind
文档上传到github
,如有需要可自行下载:传送门[7]
补充说明
看新的中文文档时,可能你会遇到一些问题,比如有些页面未翻译等等。不要诧异,因为中文版非正式上线,可能存在问题,截止目前仅集中翻译了src\\guide
目录下的文档,正式上线的英文版也还在更新中,所以之后会增加其他稳定页面的翻译和校验,还有很多工作,欢迎一起参与进来🤞
结语
以上是本文的所有内容,如有问题欢迎指正 🤞
推荐链接
关注公众号 前端开发博客,回复以下关键词
查看更多优质内容!
加群 | 进阶 | 电子书 | 资料 | 面试
简历 | 简历模板 | 思维图 | 知识点 | Vue脑图
分享好文和朋友一起看~
创作不易,加个点赞、在看 支持一下哦!
10张思维导图带你学习javascript
学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出10张JavaScript相关的思维导图。 思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具,它简单却又极其有效,是一种革命性的... 查看详情
跟着9张思维导图学习javascript
学习的道路就是要不断的总结归纳,好记性不如烂笔头。so,以下将po出10张javascript相关的思维导图。 思维导图小tips:思维导图又叫心智图。是表达发射性思维的有效的图形思维工具,它简单却又极其有效,是一种革命性... 查看详情
转载跟着9张思维导图学习javascript
原文:跟着9张思维导图学习JavaScript 学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出我收集的9张JavaScript相关的思维导图(非原创)。思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图... 查看详情
wpsoffice2019forlinux来了
难得啊,焕然一新。 WPSOffice2019ForLinux更新说明11.1.0.8392版本主要更新:修复wpsoffice进程存在时不能关机的问题修复WPS文字模块web版式下拖动自选图形,WPS崩溃的问题修复文档标签tooltip重影的问题优化黑色主题下,部分对话框... 查看详情
跟着9张思维导图学习javascript
思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主... 查看详情
10张思维导图带你学习java?script
思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主... 查看详情
vue3.0正式版来了
...凌晨发布了代号为OnePiece的3.0版本。以下简称Vue3跟着官网文档,我们一起来体验下新版的魅力。Vue3官方文档地址:https://v3.vuejs.org/guide/migration/introduction.html#overview首先是测试工具谷歌插件(需要翻墙):https://chrome.google.com/websto... 查看详情
「offer来了」1张思维导图,6大知识板块,带你梳理面试中css的知识点!(代码片段)
「面试专栏」前端面试之css篇⌛序言✏️一、CSS框架先梳理🖌️二、基础样式问题1、请你讲一讲css的权重和优先级(1)权重(2)优先级2、说一下CSS的position属性3、span标签是否可以设置宽高,margin和paddin... 查看详情
37张思维导图,记录纯小白五天速通python的学习笔记
需要收藏的beginner可以加我的Python学习交流群:956331022,导图源文件放在群公告中,可直接下载!群内还有其他python相关的电子书籍与学习资源!一、Python基础篇 二、Python函数需要收藏的beginner可以加我的Pyt... 查看详情
37张思维导图,记录纯小白五天速通python的学习笔记
需要收藏的beginner可以加我的Python学习交流群:956331022,导图源文件放在群公告中,可直接下载!群内还有其他python相关的电子书籍与学习资源!一、Python基础篇 二、Python函数需要收藏的beginner可以加我的Pyt... 查看详情
vue3学习随便记2(代码片段)
引子初步学习Vue的概念,一上来就用vue-cli的方式的确是找死,会让自己陷入很多复杂的坑。初次尝试,最好是直接引入。在开始了解Vue的概念之前,我们要先来回顾一下MVC模式、MVVM模式的初步思想。MVC模式是一... 查看详情
vue3学习随便记2(代码片段)
引子初步学习Vue的概念,一上来就用vue-cli的方式的确是找死,会让自己陷入很多复杂的坑。初次尝试,最好是直接引入。在开始了解Vue的概念之前,我们要先来回顾一下MVC模式、MVVM模式的初步思想。MVC模式是一... 查看详情
react新的文档用到了哪些技术?(代码片段)
...采用了全新的架构next.js+TailwindCSS,改版后的文档界面有种焕然一新的感觉,支持暗黑模式,我们可以在线学习,并且写代码,采用了这种所见即所得的形式,大大降低了学习者的成本,我也被这种形式所深深吸引,那么这种所见... 查看详情
「offer来了」2种递进学习思维,24道计网题目,保姆级巩固你的计网知识体系(代码片段)
「面试专栏」前端面试之计算机网络篇⚾序言🏐一、基础知识环节1、专栏学习2、书籍学习⚽二、思维导图环节🎳三、OSI七层模型1、OSI模型是什么?2、OSI七层模型遵循原则🏏四、TCP与UDP1、TCP与UDP的区别2、TCP/UDP... 查看详情
复杂性思维中文第二版翻译完成
...式MOBI格式代码仓库赞助我协议CCBY-NC-SA4.0KivyCN学习资源Kivy中文文档ThinkPython中文第二版UCBCS61a教材:SICPPythonTutorialspointNumPy教程Matplotlib用户指南斯坦福CS229机器学习中文讲义DukeSTA663计算统 查看详情
超全python学习路线图+14张思维导图,让python初学者不走弯路
...想,想把当初自学python时收藏的关于python的14张思维导图和学习路线拿出来分享给许多同样处于"初级"阶段的各位攻城狮们。话不多说,直接见图吧~~【字符串】【序列】【文件对象】【条件循环】【数据类型】【模块】【面... 查看详情
超全python学习路线图+14张思维导图,让python初学者不走弯路!
...想,想把当初自学python时收藏的关于python的14张思维导图和学习路线拿出来分享给许多同样处于"初级"阶段的各位攻城狮们。话不多说,直接见图吧~~【字符串】【序列】【文件对象】【条件循环】【数据类型】【模块】【面... 查看详情
重磅!李沐「动手学深度学习」中文课程笔记来了!
...rkdown笔记与原课程视频一一对应,Jupyter代码均有详细中文注释,这份学习笔记值得收藏。亚马逊资深首席科学家李沐博士的「动手学深度学习」中文系列课程,这门课从3月持续到8月,超过28000人参与了直播,... 查看详情