分类：更新dom

2021
10-12

vue异步更新dom的实现浅析

目录Vue异步更新DOM的原理1什么时候能获取到真正的DOM元素？2为什么Vue需要通过nextTick方法才能获取最新的DOM？3为什么this.$nextTick能够获取更新后的DOM？总结：vue异步更新的原理Data对象：vue中的data方法中返回的对象；Dep对象：每一个Data属性都会创建一个Dep，用来搜集所有使用到这个Data的Watcher对象；Watcher对象：主要用于渲染DOMVue异步更新DOM的原理Vue中的数据更新是异步的，意味着我们在修改完Data之后并不能... 继续阅读 >

2021
10-12

Vue批量更新dom的实现步骤

目录场景介绍深入响应式触发getter寻找Dep.targetgettersetter总结场景介绍在一个SFC（singlefilecomponent，单文件组件）中，我们经常会写这样的逻辑：<template><div><span>{{a}}</span><span>{{b}}</span></div></template><scripttype="javascript">exportdefault{data(){return{a:0,b:0}},created(){//somelogiccodethis.a=1this.b=2}}</script... 继续阅读 >