kuromiluu

响应式基本原理就是，在初始化vue实例的时候，对data、props等对象的每一个属性都通过 Object.defineProperty 定义一次，在数据被set的时候，做...

上一篇文章我们介绍了 Vue2模版编译原理，这一章我们的目标是弄清楚模版 template和响应式数据是如何渲染成最终的DOM...

本章目标：计算属性是如何实现的？计算属性缓存原理以及洋葱模型的应用？在初始化Vue实例时，我们会给每个计算属性都创建一个对应watcher，我们称之为计算属性watcher...

本章目标：监听器是如何实现的？监听器选项 - immediate、deep 内部实现？在初始化Vue实例时，我们会给每个侦听器都创建一个对应watcher，我们称之为侦听器...

前言 看到过有人在vite+vue的项目中实现约定式路由，但是还没看到有人在webpakc+vue的项目中实现约定式路由，前几天尝试了一些，基本的使用已经没有问题，代码比较...

vue2采用了头尾双指针的方法，每次比对时，优先进行头头、尾尾、头尾、尾头的比对尝试，如果都没有命中才会进行乱序比对。当比对命中时（新旧节点是相同的），则调用patchVn...

最近项目中遇到了一个地图下钻的需求，并且需要钻入钻出的动画效果。此篇文章用于记录柏成从零开发一个地图三级下钻Demo的历程...

vue2.7 源码中，nextTick并没有直接使用某个 API ，而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks，用于存储 nextTic...

我们只会在 Observer 类 和 defineReactive 函数中实例化 dep。在 getter 方法中依赖收集，在 setter 方法中派发更新通知...

在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse、optimize、codegen。...