Vue核心之虚拟DOM

二、虚拟DOM，有什么好处?

DOM操作是制约效率的关键

减少DOM操作，修改内存中的数据（变量）消耗的资源远远小于DOM操作

虚拟DOM就是一个内存中的一个对象，该对象有一个特点和DOM有相同的结构

<div class=‘test‘ id=‘div1‘>
        <p>100</p>
        <span>呵呵</span> 
    </div>
  
  
 obj={
    tag:‘div‘,
    className:‘test‘,
    id：“div1”，
    children:[
      {
        tag:‘p‘,
        text:100
      }，
      {
        tag：’span‘,
        text:‘呵呵‘
      }
    ]
  }

三、小结

1. Vue运行效率高，采用虚拟DOM，减少真实DOM的操作使项目的运行效率大大提高

2. Vue开发效率高，采用组件化开发

本质上：将开发者的精力从DOM操作解放出来，转移到数据操作上。