当动态渲染页面时，如何判断页面的DOM节点已经渲染完成？

vue 有一个重要的概念：异步更新队列。Vue在观察到数据时并不是直接更新DOM，而是开启一个队列，并缓冲在同一个事件循环中发生的所有数据变化。在缓冲时会去除重复数据，从而避免不必要的计算和DOM操作。
官网教程地址：https://cn.vuejs.org/v2/guide/reactivity.html
如下：通过websocket方式接受了后端的数据，并在页面渲染了几个图标。如果要获取第一个图标，并将其颜色变蓝，如果不使用 $nextTick()方法，会报错:cannot read property style of null 。因为此时节点还没有渲染完成，通过ID去获取DOM节点获取到的是Null。当使用了$ nextTick()方法后，会等页面的DOM节点渲染完成后才执行其中的代码。使用$nextTick就是确保我们操作的是更新后的DOM。

vue控制代码执行顺序之$nextTick()
当动态渲染页面时，如何判断页面的DOM节点已经渲染完成？ vue 有一个重要的概念：异步更新队列。Vue在观察到数...
面试常问题(简述)
1.$nextTick() dom更新是异步的，$nextTick()中的代码会在dom更新后执行保证执行顺序原...
nextTick实现原理
vue的nextTick方法的实现原理：vue用异步队列的方式来控制DOM更新和nextTick回调先后执行mic...
Nodejs事件轮循
事件轮循分为本轮和次轮本轮的执行顺序为：同步代码 process.nextTick 微任务次轮的顺序为： t...
04-流程控制及while循环
流程控制流程：计算机执行代码的顺序，就是流程。流程控制：对计算机代码执行顺序的控制，就是流程控制。流程分...
Python—判断语句与循环控制
流程：计算机执行代码的顺序。控制：对计算机代码执行的顺序进行有效地管理。流程控制分为：顺序流程：代码一种自上而下的...
5-流程控制
流程控制流程计算机执行代码的顺序就是流程流程控制对计算机代码执行顺序的管理就是流程控制流程分类流程控制...
web前端 -- Day10 js基础
代码流程控制代码的执行过程，分为三种方式：顺序结构、分支结构、循环结构 1、顺序结构代码执行的顺序，从上到下，...
二级-2.Python流程控制
流程控制流程：计算机执行代码的顺序就是流程。流程控制：对计算机代码执行顺序的管理就是流程控制。流程控制一共分...
python学习_day4
流程与控制流程：流程就是计算机执行代码的顺序流程控制：对计算机代码执行的顺序进行有效的管理，只有流程控制才能实...