Vue源码解析
5篇文章 · 0订阅
  • Vue异步更新 && nextTick源码解析
    1. Vue响应式原理-理解Observer、Dep、Watcher 2. Vue响应式原理-如何监听Array的变化 3. Vue响应式原理-如何监听Array的变化？详细版 4. Vue异步更新 && nextTick源码解析 当我们触发这个事件，视图中的a和b肯定会发现一…
    Vue.js
    Vue异步更新 && nextTick源码解析
  • Vue原理解析（九）：搞懂computed和watch原理，减少使用场景思考时间
    之前的章节，我们按照流程介绍了vue的初始化、虚拟Dom生成、虚拟Dom转为真实Dom、深入理解响应式以及diff算法等这些核心概念，对它内部的实现做了分析，这些都是偏底层的原理。接下来我们将介绍日常开发中经常使用的API的原理，进一步丰富对vue的认识，它们主要包括以下： 这…
    Vue.js
  • Vue原理解析（八）：一起搞明白令人头疼的diff算法
    之前章节介绍了VNode如何生成真实Dom，这只是patch内首次渲染做的事，完成了一小部分功能而已，而它做的最重要的事情是当响应式触发时，让页面的重新渲染这一过程能高效完成。其实页面的重新渲染完全可以使用新生成的Dom去整个替换掉旧的Dom，然而这么做比较低效，所以就借助接下…
    Vue.js
  • 详解vue的diff算法
    目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…
    Vue.js
    详解vue的diff算法