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

... 小伙子：你为何 不按套路提问 呢？你应该这样问我：MVVM是什么，生命周期有哪些，双向绑定的原理啊，我对这些比较熟悉。 我：此时的我，被反问给愣住了（难道是我错了吗？我是农村来的不懂套路，还好我经历过风风雨雨，假装镇定下）。 看到网上vue相关的题量都非常少，完全不能满…

一起学习vue源码的第一篇来讲讲vue2.x双向数据绑定的源码实现。 vue中的双向数据绑定主要是通过变化侦测这种方式去实现的，这篇文章主要总结的是Object的变化侦测。

Vue 生命周期大概就是：一个从 Vue 实例的创建到组件销毁的一个的过程。 具体情况下，我们分为几个核心的阶段，并且每个阶段都有一套钩子函数来执行我们需要的代码。 组件缓存，activated 与 deactivated，这两个钩子也是一对的，分别表示被 keep-alive…

花10分钟读下去，相信我你一定会有一些收获（仅仅指刚入门的小伙伴，作者也是一名刚入门的前端小白，大佬请见谅哈。😁😁） beforeCreate：在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created：实…

该生命周期钩子的作用： 将父组件传递过来的 props 映射 到子组件的 state 上面，这样组件内部就不用再通过 this.props.xxx 获取属性值了，统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ，作为子组件自己的状…