这是一份即将焕然一新的 cn.vuejs.org的学习笔记，此文附50张脑图，带你一起了解 Vue 3 新文档有哪些新的变化🕵️‍♂️

key 是给每一个 vnode 的唯一 id，可以依靠 key，更准确，更快的拿到 oldVnode 中对 应的 vnode 节点。

由于工作需要学习react框架；最开始看文档的时候感觉还挺难的。但当我看了半天文档以后才发现，原来react这样学才是最快的；前提是同学们会vue一类的框架哈。 该方法适用于会vue的同学们食用

当你使用`ref`时到处使用`.value`是很麻烦的，但当你用`reactive`创建的响应式对象进行重构时，也很容易丢失响应性。 在这篇文章中我将阐释你如何来选择`reactive`以及`ref`

动态组件 看个例子 一般来讲，我们会这样实现一个tabs的切换 而动态组件形式则可以写成is的形式，这样可以让不熟悉的人看不懂代码。从而提高自己的核心竞争力。

指令 Vue 中，有很多常用的指令，你可以理解它是可以绑定在指定的 action 上的。 实例 v-bind v-bind 就是 Vue 中一个常见的指令。

每个Vue实例在创建时都要经过一系列初始化, 例如设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等. 同时, 也会运行一些叫作生命周期钩子的函数, 这给了我们在不同阶段添加自定义代