Vue中的nextTick如何理解

2019-02-22  本文已影响0人  Thomas赵骐

在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

```

上一篇 下一篇

猜你喜欢

热点阅读