Vue中的nextTick如何理解

在vue中,数据发生变化之后DOM并不会立即变化,而是等同一事件循环中的所有数据变化完成之后,再统一进行视图更新

代码理解

this.name = 'zhaoqi'   // 绑定在某一个DOM元素上

console.log(this.$el.textContent)  //这时 DOM 还未更新,所以不会得到文字'zhaoqi'

this.$nextTick( ()=>

    console.log(this.$el.textContent)   //nextTick是在DOM更新后执行,这里打印zhaoqi

)

nextTick什么情况下会触发

```wwww

```

你可能感兴趣的:(Vue中的nextTick如何理解)