nextTick

在Vue中，数据的更新不会马上同步到视图上，而是放在一个异步更新队列中，在下一个事件循环tick集中更新。

由于这个机制，我们如果想在基于更新后的DOM状态做点什么，就没办法在更新数据后马上获取DOM，因此为此时数据还未同步到视图上。而Vue提供了nextTick()，它可以传入一个回调函数，这个回调函数将在DOM更新之后被调用。

举一个例子：使用echarts时，获取到数据之前，echarts容器（div元素或canvas元素）是通过v-if=false隐藏的，取而代之的是一个loading或自定义的元素。当数据获取完毕时，调整v-if=true显示echarts容器，然后通过$refs获取这个容器进行echart的实例化。而将v-if的值从false置为true的那一个tick内，DOM是没有发生变化的，是获取不到那个echarts容器的，此时就得使用Vue.nextTick()到下一个tick获取echarts容器。

标签：nextTick,容器,DOM,更新,获取,echarts
来源： https://www.cnblogs.com/hdxg/p/16697317.html