Vue中的updated和$nextTick

updated 和 $nextTick 的区别是什么？

网上资料有限，等有时间详细阅读一下官网这部分的文档。

updated

范围：全局

用途：数据变更导致虚拟dom被重新渲染，updated用于组件被重新渲染后调用。

$nextTick

范围：局部

用途：传入一个回调函数，会在下次dom更新循环之后时执行，一般用于更新了数据之后要立刻获取的情况。

nextTick会将多个对于同一个变量的操作合并为一个，再执行回调函数。

区别

两者都是在dom更新后用于操作dom或者获取数据。

不同的是，updated发生在dom渲染后，$nextTick发生在渲染前。