当前位置: 首页 > article >正文

Vue diff 算法介绍

首先我们来了解一下:diff 是什么?

通俗的讲,diff 就是比较两棵树,render 会生成两颗树,一棵新树 newVnode,一棵旧树 oldVnode,然后两棵树进行对比更新找差异就是 diff,全称 difference,在 vue 里面 diff 算法是通过 patch 函数来完成的,所以有的时候也叫 patch 算法

在 vue 实例调用 $mount 的时候,就已经把 updateComponent 方法通过 new Watcher(vm, updateComponent) 传入到渲染 watcher 里面, 且挂在 watcher.getter 上,得到一个渲染 watcher,渲染 watcher,在以后每次响应式数据更新都会执行 watcher.getter 即 updateComponent 方法


http://www.kler.cn/a/331322.html

相关文章:

  • Hadoop yarn安装
  • 鸿蒙元服务从0到上架【第二篇】
  • 数据结构_平衡二叉树
  • 台球助教平台系统开发APP和小程序信息收藏功能需求解析(第十二章)
  • Pytorch | 利用FGSM针对CIFAR10上的ResNet分类器进行对抗攻击
  • [Unity] 【VR】【游戏开发】在VR中使用New Input System获取按键值的完整教程
  • 《江苏科技大学学报(自然科学版)》
  • 解决方法:PDF文件打开之后不能打印?
  • docker 搭建minimalist-web-notepad
  • OpenGL ES 顶点缓冲区和布局(3)
  • spring揭秘25-springmvc04-servlet容器与springmvc容器总结
  • 在线css像素px到Em的转换器
  • 二值图像的面积求取的两种方法及MATLAB实现
  • Java - LeetCode面试经典150题 - 矩阵 (四)
  • 【羊毛资源】华为云开发者云主机免费申请使用指南
  • Docker 容器日志记录与管理:日志输出、轮转与配置实践
  • Qt --- 系统相关---事件、文件操作、多线程编程、网络编程、多媒体
  • SpringBoot整合QQ邮箱
  • 春潮涌动:构建“衣依”服装销售平台的Spring Boot之旅
  • 信息安全工程师(32)认证技术方法
  • Go语言接口与多态
  • Python 中的 os 模块
  • openpnp - 吸嘴校正失败的opencv参数分析
  • C题(四)水仙花数
  • 基于SSM的列车订票管理系统(含源码+sql+视频导入教程+文档+PPT)
  • TypeScript 设计模式之【观察者模式】