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

官方：Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期

哈喽，大家好！我是前端Up主。一个有代码洁癖的前端攻城狮( 哈哈，生活很邋遢(*￣︶￣) ) 作为一名优秀的前端攻城狮(自吹一波)，我想说Vue是我们中国程序员的骄傲,是尤雨溪大神呕心沥血的杰作，Vue.js正式发布于2014年2月，对于目前的Vue.js的在开发人数上，总共有…

Vue 是一个惊人的，轻量的渐进式前端框架。因为 Vue 是灵活的，所以用户不需要使用 Typescript。但是不像 Angular，老版本的 Vue 并没有很好的支持 Typescript。因为这点，大多数 Vue 应用程序都是直接使用 JavaScript 写的。 现在随…

2020年，vue3.0 beta 和 vue3 rc陆续发布，优秀的人也早已开始各种实践新版本的新特性，而我还不懂虚拟DOM，所以赶紧跟学起来。

这里面有 {{ message }}、v-if、v-on:click、v-for 等特殊的语法，Vue 需要把这些内容提取出来，转换成响应式的函数或者对应的 DOM 事件。 ... qname 是合法的 XML 标签，它的组成规则是 <前缀:标签名称>，例如：&#x3…

1. 渲染项目列表时，“key” 属性的作用和重要性是什么？ 渲染项目列表时，key 属性允许 Vue 跟踪每个 Vnode。key 值必须是唯一的。 如果没有使用 key 属性，并且列表的内容发生了改变（例如对列表进行排序），则虚拟 DOM 宁愿使用更新的数据来修补节点，来反…