作为 Vue 最重要的特性之一，本文较为详细的介绍了响应式在 Vue2 、 Vue3 的中实现及其优缺点

前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈

前言 此篇主要手写 Vue2.0 源码-diff 算法原理 上一篇咱们主要介绍了 Vue 异步更新原理 是对视图更新的性能优化 此篇同样是对渲染更新的优化

虽然写了很长一段时间的Vue了，对于CSS Scoped的原理也大致了解，但一直未曾关注过其实现细节。最近在重新学习webpack，因此查看了vue-loader源码，顺便从vue-loader的源码中整理CSS Scoped的实现。 本文展示了vue-loader中的一些源码…

Vue3 Beta 版发布了，离正式投入生产使用又更近了一步。此外，React Hook 在社区的发 展也是如火如荼。 这篇文章就从 Vue3 的角度出发，探索一下未来的 Vue 状态管理模式。 在组件的对象里面声明，使用场景的也很少，所以之前我也并没有往状态管理的方向去想。 …

之前写过几篇 Vue 的源码文章，路过 patch 函数的时候都是点到为止，现在好好分析一下。 分析 patch 方法，两个 vnode 进行对比，结果无非就是三种情况。 通过 vnode 创建真实的节点并插入到旧节点的后面，所以有一瞬间会同时存在两个 id 为 demo 的 …

在这篇文章深入源码学习Vue响应式原理讲解了当数据更改时，Vue是如何通知订阅者进行更新的，这篇文章讲得就是：视图知道了依赖的数据的更改，如何将新的数据反映在视图上。 在真实的HTML中有DOM树与之对应，在Vue中也有类似的Vnode Tree与之对应。 在jquery时代，…

在动态删除v-for渲染的列表的过程中，如果key指定为index，则可能出现渲染错乱的问题。比如，你的列表有两行，你明明删了第一行，结果却是第二行消失了。 问题源于key的重复，假设你的列表有两行，当你删了第一行，那么第二行的key就变成了第一行的key，这两个key是相同的…

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…