LKaiLi

vuePress-theme-reco LKaiLi    2021 - 2023
LKaiLi LKaiLi
主页
分类
  • GSAP
  • JavaScript
  • Math
  • TypeScript
  • Vite
  • Vscode
  • Vue
  • Vue3
  • RABC
  • 小程序
  • axios
  • Css
  • tailwindcss
  • other
  • glsl
  • uniapp
  • three.js
  • vue-element-admin
标签
时间轴
关于播客
  • 关于我
  • 联系我
author-avatar

LKaiLi

159

文章

40

标签

主页
分类
  • GSAP
  • JavaScript
  • Math
  • TypeScript
  • Vite
  • Vscode
  • Vue
  • Vue3
  • RABC
  • 小程序
  • axios
  • Css
  • tailwindcss
  • other
  • glsl
  • uniapp
  • three.js
  • vue-element-admin
标签
时间轴
关于播客
  • 关于我
  • 联系我
  • Vue

    • Vue 渐进式编程的介绍
    • Vue2 tour的使用记录
    • Vue2 右键/左键点击菜单
    • App.vue中的id问题
    • Vue2中动态计算高度代替100vh
    • Vue2元素选中的样式
    • Vue组件相关内容
    • Vue使用脚手架搭建项目
    • Vue2重置data()中的数据
    • Vue2刷新跳转进行提示
    • Vue 的杂项
    • 记录常用的Vue eslint规则
    • Vue2 实现静态资源下载
    • Vuex 的食用方法
    • Vue中的echarts使用方法
    • Vue2 install插件案例
    • Vue路由和组件的按需加载
    • Vue底层的虚拟Dom树

Vue底层的虚拟Dom树

vuePress-theme-reco LKaiLi    2021 - 2023

Vue底层的虚拟Dom树

LKaiLi 2021-06-16 Vue

介绍

虚拟Dom树是什么呢

# Vue底层 虚拟Dom树

  • 尽可能少的更新DOM元素:精准更新DOM元素
  • Vue的底层是如何做到这件事情的?虚拟DOM树(真实DOM树)
  • 虚拟DOM树对真实DOM树中的每一个DOM节点进行了描述

内部实现图

image-20210617220504251

虚拟Dom 实现代码

Last Updated: 2022/4/22 04:30:05
欢迎来到 LKaiLi
看板娘