深入浅出 Vue 原理

请不要把 Vue 的响应式原理理解为双向绑定哦？很多同学在学习 Vue 时，认为 Vue 的响应式原理是双向绑定。这并不准确，Vue 的响应式是一种单向行为。 这种单向行为只是数据到 DOM 的映射。

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

Vue3 为了运行时的性能优化，在编译阶段也是下了不少功夫，在接下来的系列文章中，我们一起去了解 Vue 3 编译过程以及背后的优化思想。

2013 年，当 React 带着 JSX 横空出世时，社区曾对 JSX 有过不少的争议，但如今，越来越多的人面对 JSX 都要说上一句“真香”！典型的“真香”系列。

Vue3 为了运行时的性能优化，在编译阶段也是下了不少功夫，在接下来的系列文章中，我们一起去了解 Vue 3 编译过程以及背后的优化思想。

Vue.js 3.0 为了运行时的性能优化，在编译阶段也是下了不少功夫，在接下来的系列文章中，我们一起去了解 Vue 3.0 编译过程以及背后的优化思想吧。Let's Go。

对编译过程的了解会让我们对 Vue 的指令、内置组件等有更好的理解。不过由于编译的过程是一个相对复杂的过程，我们只要求理解整体的流程、输入和输出即可。

对编译过程的了解会让我们对 Vue 的指令、内置组件等有更好的理解。不过由于编译的过程是一个相对复杂的过程，我们只要求理解整体的流程、输入和输出即可。

对编译过程的了解会让我们对 Vue 的指令、内置组件等有更好的理解。不过由于编译的过程是一个相对复杂的过程，我们只要求理解整体的流程、输入和输出即可。

通过跟踪 Vue3 的源代码可以证明，调用 ref 来定义对象类型响应式数据时，其实里面用的是 reactive 来实现，那 Vue3 中有没有 reactive 能做而 ref 做不了的场景？

不管是 Vue2 中还是在 Vue 3 中计算属性 computed 都是我们在计算复杂逻辑的一把利器。原因在于计算属性会基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。

Vue2 为什么不能通过下标操作数组或者改变数组的长度来触发视图更新？ 难道是因为性能吗？Vue3 又是如何优化的？

本文带大家一起探索了 Vue mixin 的合并策略，在不同场景有不同的混入策略，涉及到 data、provide、钩子函数、watch、component、directives、filters。。。

nextTick 在面试中会经常出现，面试官一般通过 nextTick 考验候选人的 Event Loop，或者通过 Event Loop 衍生 nextTick。文章从几个方面浅析了 Vue 的 n

最近在思考如何做系统中的样式隔离，为了借鉴参考，浅入了解了一下Vue scoped的原理，发现原理挺简单！分享给大家。

Vue 3 与 Vue 2 相比，在 bundle 包大小方面（tree-shaking 减少了 41% 的体积），初始渲染速度方面（快了 55%），更新速度方面（快了 133%）以及内存占用方面（减