ref 和 reactive 如何驱动页面更新？要成为一名优秀的 Vue 开发者，这些问题不容回避。本文将为你深入浅出地剖析 Vue3 响应式原理，让你彻底告别知其然，不知其所以然。

1.整体思路 响应式是什么 为什么vue需要响应式 它能给我们带来什么好处 响应式源码实现 vue3中的优化 2.源码分析 2.1. vue2中的响应式实现 原理 使用defineProperty做数

手写之前我们先来分析一下 Vue-Router 原理，他内部有两种模式，也就是 Hash 和 History...

下面是公司搭建的真实项目开发环境我提炼出来比较重要的一些知识点作为内部技术分享。 打包成功后，会在项目的根目录自动创建一个 dist 文件夹，里面的 main.js 文件就是我们打包后的文件。 注意：若不想将配置写在配置文件中，可在项目根目录创建 babel.config.js…

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

composition Api 实际上最终会把 setup return 的变量和方法会放到和 option Api 的 data 和 methods 一样的地方，所以我们能后直接 this.xx 去使用。 Vue 在解析数据之前，会自动判断这个数据是否是 ref 数据，如果是…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，