image.png

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

bd318788e60b0f0e48847a38be90d66a.png

image.png

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

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

  1. 新文档的新变化

  2. Vue 3 新文档学习笔记

还可以看看:Vue3 对比Vue2,你找到哪些变化?

一、新文档的新变化

=========

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

8d31576471249ec09f5073fa6e63944b.png

新文档的新变化.png

1. 新增了深色模式 前端开发博客


ac942ecb23b64dceedd20332a346c67a.png

image.png

2. 响应式设计


f5a395762888cf55a8514a4ef3e535d3.png

image.png

3. 在指引、教程和范例中新增API风格切换功能(选择Options或者Composition API)


03e69c148906788b1c66dc4753fa6acb.png

image.png

4. 全新的互动教程


7adf583c8bd15b1ab343b83db1e518ce.png

image.png

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


cb9468661443e58c22ca790aae3741a3.png

image.png

6. 更快的查找API


52d3928273683229b85fec66fae05ff1.png

image.png

7. 重做了指引


e5f4744782d860d5ed5be1dac1022b56.png

image.png

重写了 TypeScript 指引

9ebbac7167ab5ef6daa82d2b501a1b37.png

image.png

重写了深入响应式系统

e9cee65e750ae6af26c3a059422ebc71.png

image.png

重写了渲染机制

18abb9a347235f4dd57630858e04b361.png

image.png

全新的可组合函数指引

6c468f16836c8f495cca9ee47ee7147a.png

image.png

新的工具链指引

9ab5f90b9d22fa74fec28846213edf41.png

image.png

新的性能指引

99f43ce6a81178a21d0b490bd47f6002.png

image.png

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


a2fdf4f9be5ed1507ce957ad69ec0777.png

image.png

9. 使用 VitePress 构建


8f441061cf57630a3ed7dda4a8bfc3b2.png

image.png

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


6f207886be66f6579dd9dd45e83126be.png

image.png

二、新文档学习笔记

=========

开始

简介

1691aeecf2ed12d0ea5a848f4aa82010.png

1.1简介.png

快速开始

f4f7168cfa5aee11c41894cfef52ff87.png

1.2快速开始.png

基础

创建 Vue 应用

318d345fff0f1faa7fd90da952b18be3.png

2.1创建 Vue 应用.png

模板语法

03b1bef1967a2ddb3fa37ece4d1a437d.png

2.2模板语法.png

响应式基础

8c04aebc77279301ee89c99429bea05d.png

2.3响应式基础.png

计算属性

5b509f2192c5eede030244c77aca23cf.png

2.4计算属性.png

类与样式绑定

279fd5641a879bac1175e4127cf1057d.png

2.5类与样式绑定.png

条件渲染

584265444283684483e607ee58129b68.png

2.6条件渲染.png

列表渲染

8c20fd677ec390d49a1199bdfd091d18.png

2.7列表渲染.png

事件处理

04e0bb89f3788bd984a917cea57ce4cd.png

2.8事件处理.png

表单输入绑定

54c3c5bc5c5af8a942d5ce04e430e67c.png

2.9表单输入绑定.png

生命周期钩子

a19d0a739f76cc000128429f7df13389.png

2.10生命周期钩子.png

侦听器

0014c5b87e500bceefe1dc5c3b801ea4.png

2.11侦听器.png

模板 ref

2e2eb765765737def59bb7a75bec1b5f.png

2.12模板 ref.png

组件基础

e775395bc1abbc17803243dde70eced1.png

2.13组件基础.png

深入组件


组件注册

b8ea593686c4833310ad30f6fb05ee2b.png

3.1组件注册.png

Props

8042507fab8c85002c608ed8b0d73df3.png

3.2Props.png

组件事件

ab30b674d241d4204d05c1f511a056d7.png

3.3组件事件.png

透传 attribute

569d5e9136cf7209641190367e3e40f6.png

3.4透传 attribute.png

插槽

f6b98d54c9a231c5fa2442ccd4b82bb9.png

3.5插槽.png

依赖注入

6888d250d4caa53c7f038dd7353324cc.png

3.6依赖注入.png

异步组件

b65d997d22b514b062e9622b8e2bbc8e.png

3.7异步组件.png

可重用性


可组合函数

acda5ad7aff6fc95651e7cff70c14071.png

4.1可组合函数.png

自定义指令

b419f6e946f459c00b73558d9d4185b3.png

4.2自定义指令.png

插件

d9aba678b24224b06cc8a813ce501496.png

4.3插件.png

内置组件


Transition

ccd3062544fd8b3f38aaeced40a38f53.png

5.1Transition·过渡.png

TransitionGroup

b5417257e44da654ebcec6f5fd4905fc.png

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

最后

四轮技术面+一轮hr面结束,学习到了不少,面试也是一个学习检测自己的过程,面试前大概复习了 一周的时间,把以前的代码看了一下,字节跳动比较注重算法,面试前刷了下leetcode和剑指offer, 也刷了些在牛客网上的面经。大概就说这些了,写代码去了~

祝大家都能收获大厂offer~

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

篇幅有限,仅展示部分内容


由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新**

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-cPRF3TRb-1712037235528)]

最后

四轮技术面+一轮hr面结束,学习到了不少,面试也是一个学习检测自己的过程,面试前大概复习了 一周的时间,把以前的代码看了一下,字节跳动比较注重算法,面试前刷了下leetcode和剑指offer, 也刷了些在牛客网上的面经。大概就说这些了,写代码去了~

祝大家都能收获大厂offer~

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

篇幅有限,仅展示部分内容

Logo

前往低代码交流专区

更多推荐