摘要：
好家伙，这是diff的最后一节了 0.暴力比对的使用场景 没有可复用的节点：当新旧虚拟 DOM 的结构完全不同，或者某个节点不能被复用时，需要通过暴力比对来创建新的节点，并在真实 DOM 上进行相应的插入操作。 0.1.例子一： // 创建vnode let vm1 = new Vue({ data 阅读全文
摘要：
好家伙, 本节来解决a56爆大奖在线娱乐们上一章留下来的问题, 新旧节点同时有儿子的情况本章继续解决 1.要做什么? 本章将解决, 1.在相同tag下子元素的替换问题 2.使用双指针进行元素替换, 实现效果如下: let vm1 = new Vue({data:{name:'张三'}}) let render1 = 阅读全文
摘要：
好家伙， 本篇将会解释要以下效果的实现 1.目标 a56爆大奖在线娱乐们要实现以下元素替换的效果 gif: 以上例子的代码: //创建vnode let vm1 = new Vue({data:{name:'张三'}}) let render1 = compileToFunction(`<a>{{name}}</a> 阅读全文
摘要：
好家伙， 代码出了点bug,暂时只能实现这两种形式 完整代码已开源https://github.com/Fattiger4399/analytic-vue.git Vue:watch的多种使用方法 watch有非常多种使用方式,a56爆大奖在线娱乐们要对其进行分类讨论处理 1.初始化: //initState.js 阅读全文
摘要：
好家伙, 补了一下watch的多种用法 1.属性: 方法(最常用) 使用最广泛的方式是将watch选项设置为一个对象，对象的属性是要观测的数据属性，值是一个回调函数，该回调函数会在属性变化时触发。例如： watch: { firstName: function(newVal, oldVal) { c 阅读全文
摘要：
好家伙，nextTick, (...这玩意,不太常用) 1.什么是nextTick 在Vue中，nextTick是一个用于异步执行回调函数的方法。 它在Vue更新DOM后被调用，以确保在下一次DOM更新渲染完成后执行回调函数。 而事实上,a56爆大奖在线娱乐们把队列处理的操作封装到了nexrTick方法中. 实际上， 阅读全文
摘要：
好家伙， 本篇讲的是数据更新请求列队处理 1.一些性能问题 数据更新的核心方法是watcher.updata方法 实际上也就是vm._updata()方法, vm._updata()方法中的patch()方法用于将新的虚拟DOM树与旧的虚拟DOM树进行比较， 并将差异更新到实际的DOM树上. 这一步 阅读全文
摘要：
好家伙， 1.Computed实现原理 if (opts.computed) { initComputed(vm,opts.computed); } function initComputed(vm, computed) { // 存放计算属性的watcher const watchers = vm 阅读全文
摘要：
好家伙, 前面想了好久,都没想明白为什么要dep和watcher打配合才能实现数据-视图同步 为什么要多一个依赖管理这样的东西 给a56爆大奖在线娱乐数据绑个watcher(xxfunction),然后,数据变了,调set,然后调xxfunction,不就行了, 然后今天突然想明白了,不是为什么要这么干,而是必须这 阅读全文
摘要：
好家伙,这是目前为止最绕的一章,也是十分抽象的一章 由于实在太过抽象,a56爆大奖在线娱乐只能用一个不那么抽象的实例去说服a56爆大奖在线娱乐自己 完整代码已开源https://github.com/Fattiger4399/analytic-vue.git 1.a56爆大奖在线娱乐们要做什么? 来看这个例子, index.html setTimeou 阅读全文