杨光的博客

目录开篇环境异步组件prefetch(预拉取)perload(预加载)按需引入将第三方的公共css放到index.html的标签内参考 开篇  本该继续更新【Vue探究】系列文章的，但今天我怀着激动的心情打算和大家分享下有关Vue项目优化的一点心得。  先说下我遇到的问题。手上的项目目前虽然只完成了三分之二，但已经有100多个页面，和20多个公共组件了。在调试环境下，代码大小高达...

1. pushTarget(this)2. value = this.getter.call(vm, vm)3. popTarget()不知道读者还记不记得我上篇文章提到的defineReactive函数，在这个函数内部有这么一段代码：/* 下面对当前属性做响应式改造，本质上就是对属性的访问和赋值操作做拦截。 当用户将来通过this.xxx访问某个响应式的对象的时候，就会触发它...

Vue只对同级元素作比较。那问题就简单了许多了。两个数组作比较只需要一个双层循环就搞定了。举个例子，我现在对oldVNode数组的第一个元素(节点)做判断，我要拿着这个元素去和newVNode里面的元素一个个比过去，假设在对比到新数组中第三个元素的时候发现它和自己一模一样，则表示oldVNode数组的第一个元素的位置发生了变化，在新数组中它变到了第三的位置。此时对一号操作的判断完毕，判断结果为...

目录开篇1. 开篇  开篇关于Vue 1.0中响应式的分析可以看我这篇博文。与Vue1相比Vue2引入了虚拟DOM，这大大优化了Vue在大项目中的表现。本文会分析什么是虚拟DOM，为什么要引入它，它又是怎么工作的。之后再谈谈什么是响应式，它又是如何实现的。以及响应式与虚拟DOM之间的关联。我会尽量详细的阐述文中可能涉及的一切知识，文章可能稍显冗长，我会将可跳过的地...

目录开篇同步更新异步更新异步更新的源码分析flushSchedulerQueuequeueWatcher  开篇  之前的文章提到过，当用户修改了组件状态之后，dep会通知它所关联的watcher进行更新。更新过程分两种，一种是同步更新，另一种是异步更新。  同步更新  如果一个watcher实例的sync属性被置为true，则表明此watc...