什么是nextTick或在VueJs中做什么

vue.js Vue.js

乐逆天

2020-03-10

我阅读了文档，但我听不懂。我知道哪些数据可以计算，监视，执行方法，但是nextTick()在vuejs中有什么用？

第487篇《什么是nextTick或在VueJs中做什么》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答

Itachi 2020.03.10

为了使Pranshat的有关使用nextTick和setTimeout的，更加明确的区别答案，我已付出他的小提琴：这里

mounted() {    
  this.one = "One";

  setTimeout(() => {
    this.two = "Two"
  }, 0);

  //this.$nextTick(()=>{
  //this.two = "Two"
  //})}

您可以在小提琴中看到，使用setTimeOut时，一旦装入组件，然后适应更改，初始数据将非常短暂地闪烁。而使用nextTick时，数据被劫持，更改，然后呈现给浏览器。因此，浏览器甚至在不了解旧数据的情况下也显示了更新的数据。希望能一举解决两个概念。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android