浅析vue中的nextTick

背景vue是异步渲染的，当data改变之后，DOM不会立刻被渲染，页面渲染时会将data的修改做整合，多次data修改只会做整合最后一次性渲染出来，这也是异步渲染的原因。例子在你的 Vue 视图中， testNum 会发生变化。如果我们硬去算 10 次，那么不必要的性能开销必然是令人肉疼的。需求我们需要对data修改后并拿到DOM，对DOM进行操作解决，例子本来点击完之后数组长度应该输出6个，但是实际上数组长度只有3个，因为data改变后，DOM并不会立刻改变，此时我们是拿不到新增的节点的，这时候的DOM节点还是一开始的a,b,c 。DOM操作执行完之后，它再异步渲染。