参考文章:
Vue.nextTick 的原理和用途
What is nextTick and what does it do in Vue.js?
Vue.js中this.$nextTick()的使用
- this.$nextTick()是绑定在实例上的
- Vue.nextTick()是全局的
数据更新之后,DOM不会立即更新,但我们需要拿到最新的数据,怎么办呢?
我们首先要知道:
- 当刷新队列时,组件会在下一个事件循环“tick”中更新。
- 当数据发生变化的时候,页面不会立即刷新,而是将新的数据推入队列中:
事件循环“tick”,然后等到下一次刷新执行队列里面的内容
意思就是,最新的数据在“tick”队列中。
那怎么拿到最新的数据呢?在事件循环“tick”中拿。
怎么获取“tick”里面的数据呢?nextTick()。
总的来说,数据更新之后,想要拿到最新的数据,我们就要用到nextTick。