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

很多时候我们都对源码展现出了一定的渴求，但当被问到究竟为什么想看源码时，答案无非也就那么几种： 为了面试 为了在简历上写自己会源码 了解底层原理 学习高手思路 通过源码来学习一些小技巧(骚操作)

分析 Vite version：2.2.3，和我来一场 vite server 探寻之旅吧~(*❦ω❦)

Vue3如火如荼，与其干等，不如花一个下午茶的时间来看下最新的响应式数据是如何实现的吧。在本文中，会写到vue3的依赖收集和proxy数据代理，以及副作用(effect)是如何进行工作的。

你将学到： 如何学习`Vuex 4`源码、理解`Vuex`原理 `Vuex 4` 和 `Vuex 3` 的异同 `Vue.provide / Vue.inject` API 使用和原理 等等

在上一篇文章Vue 3.x 响应式原理——reactive源码分析中，笔者简述了Vue 3.x 的 reactive API 的实现原理，了解过 Vue Composition API 的同学都知道reactive和ref创建响应式数据的区别，本文通过讲述ref API 的实现…

Vue 目前有 158 万的周活跃用户（通过 devtools 插件来统计），940 万的月下载量。 今年会有什么大动作呢？尤雨溪带你了解一下！

静态节点提升是「Vue3」针对 VNode 更新过程性能问题而提出的一个优化点。众所周知，在大型应用场景下，「Vue2.x」的 patchVNode 过程，即 diff 过程是非常缓慢的，这是一个十分令人头疼的问题。 虽然，对于面试常问的 diff 过程在一定程度上是减少了对 …

关注公众号玩相机的程序员，第一时间阅读最新文章。 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供了终端命令行工具、零配置脚手架、插件体系、图形化管理界面等。本文暂且只分析项目初始化部分，也就是终端命令行工具的实现。 0. 用法 目前 Vue CLI 同时…