虚拟dom是vue的主要特性,主要实现与jq不同,jq如果要更新视图会将创建的dom直接覆盖掉
这样及其影响浏览器性能,vue创建dom的方式使用的是对象
<template>
<ul class="a">
<li></li>
</ul>
</template>
转化成js对象:
let obj = {
target: "ul",
attr: "a",
children: [{
target: "li",
attr: "",
children: [{}]
}]
}
vue的局部更新就是对比俩个js对象的变化,从而实现更新,这种方式大大提高性能