Vue 源码解读（12）—— patch
前言 前面我们说到，当组件更新时，实例化渲染 watcher 时传递的 updateComponent 方法会被执行： 首先会先执行 vm._render() 函数，得到组件的 VNode，并将 VNode 传递给 vm._update 方法，接下来就该进入到 patch 阶段了。今天 ...
原文：Vue源码解读（六）：update和patch
Vue 的 update 是实例上的一个私有方法，主要的作用就是把 VNode 渲染成真实的 DOM ,它在首次渲染和数据更新的时候被调用。在数据更新的时候会发生新 VNode 和 旧 VNode 对比，获取差异更新视图，我们常说的 diff 就是发生在此过程中。 update .patch patch patch 是 createPatchFunction 的返回值，这里传入了一个对象，node ...
2021-09-22 09:38 0 102 推荐指数：
相关推荐
Vue之watch源码解读
Vue之watch源码解读 回顾 watch 的用法 watch 是 Vue 中的一个监听数据变化的一个方法，我们在阅读源码之前先来回顾一下 watch 的用法 监听基本数据类型 watch 可以接收两个参数，一个是变化之后的数据，一个是变化之前的数据，你可以基于这两个值处理 ...
vue源码学习-_update
vue之_update() 前言 vue在调用$mount方法的时候会调用mountComponent ,通过vm.render可以得到vnode，得到vnode之后，在mount的时，会调用_update方法，那么_update方法主要是用来做些什么事情呢？ _update方法 ...
vue2源码分析:patch函数
目录 1.patch函数的脉络 2.类vnode的设计 3.createPatch函数中的辅助函数和patch函数 4.源码运行展示(DEMO) 一.patch函数的脉络 首先梳理一下patch函数的脉络。 第一，patch核心函数createPatchFunction ...
.13-Vue源码之patch（3）（终于完事）
怎么感觉遥遥无期了呀~这个源码，跑不完了。 这个系列写的不好，仅作为一个记录，善始善终，反正也没人看，写着玩吧！ 接着上一节的cbs，这个对象在初始化应该只会调用create模块数组方法，简单回顾一下到哪了。 后面的暂时不去看，依次执行cbs.create中的方法 ...
Vue.js源码解读--（1）
Vue框架对于前端来说有多重要就不多提了，三天前决定看看源码，奈何自己是个菜鸡，只能慢慢的一点一点啃，进行扫荡式学习，初有收获，特将笔记所记内容记下，逻辑略乱，各位客官觉得乱或者有问题的话请评论说下，我会重新组织语言并回答您。 本文为小白从头扫荡式教程，我都能懂你肯定也能的~ 好的，下面 ...
vue2.0 源码解读(一)
又看完一遍中文社区的教程接下来开始做vue2.0的源码解读了! 注:解读源码时一定要配合vue2.0的生命周期和API文档一起看 vue2.0的生命周期分为4主要个过程 create。 创建---实例化Vue(new Vue) 时，会先进行create。 mount。挂载 ...
【Vue】Vue源码解读之Component组件注册
。 源码实现过程 Vue初始化时，initGlobalAPI通过调用initAssetRegister ...