Vue.js中this.$nextTick()的使用场景

Vue.js中this.$nextTick()的使用

参考文档：

https://www.cnblogs.com/jin-zhe/p/9985436.html

https://blog.csdn.net/gaoxin666/article/details/96143571

使用场景：

this.$nextTick()

方法主要是用在

随数据改变而改变

的dom应用场景中。

vue中数据和dom渲染由于是异步的，所以，要让dom结构随数据改变这样的操作都应该放进this.$nextTick()的回调函数中。

created()使用方法时，dom还没有渲染，如果此时在该钩子函数中进行dom赋值数据（或者其它dom操作）时无异于徒劳，

所以，此时this.$nextTick()就会被大量使用。

created()对应的是mounted()的钩子函数则是在dom完全渲染后才开始渲染数据，所以在mounted()中操作dom基本不会存在渲染问题。