乐逆天2020-03-10
我阅读了文档,但我听不懂。我知道哪些数据可以计算,监视,执行方法,但是nextTick()在vuejs中有什么用?
nextTick()
为了使Pranshat的有关使用nextTick和setTimeout的,更加明确的区别答案,我已付出他的小提琴: 这里
mounted() { this.one = "One"; setTimeout(() => { this.two = "Two" }, 0); //this.$nextTick(()=>{ //this.two = "Two" //})}
您可以在小提琴中看到,使用setTimeOut时,一旦装入组件,然后适应更改,初始数据将非常短暂地闪烁。而使用nextTick时,数据被劫持,更改,然后呈现给浏览器。因此,浏览器甚至在不了解旧数据的情况下也显示了更新的数据。希望能一举解决两个概念。
Newest Answer
为了使Pranshat的有关使用nextTick和setTimeout的,更加明确的区别答案,我已付出他的小提琴: 这里
您可以在小提琴中看到,使用setTimeOut时,一旦装入组件,然后适应更改,初始数据将非常短暂地闪烁。而使用nextTick时,数据被劫持,更改,然后呈现给浏览器。因此,浏览器甚至在不了解旧数据的情况下也显示了更新的数据。希望能一举解决两个概念。