Vue中this.$nextTick()和Vue.nextTick()

114 阅读1分钟

参考文章:
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”里面的数据呢?nextTick()

总的来说,数据更新之后,想要拿到最新的数据,我们就要用到nextTick