vue 的nextTick的理解

适用场景：

    例如：你在DOM渲染之前对DOM进行了操作的话，这时肯定不会有效果，好比你在 vue 的生命周期 created 里面操作了DOM元素这时肯定不会有效果，

    如果我们在 created 里面使用了 nextTick( callback ) 的话，在callback里面操作了DOM，这时就会有效果，为什么呢，其实 nextTick 就是等待DOM渲染之后进行的一个回调

vue dom更新方法：

     dom更新：在vue中，你修改了data的某一个值，并不会立即反应到该ele中。vue将你对data的更 改放到watcher的一个对列中（异步），只有在当前任务空闲时才会去执行watcher队列任务。这就有一个延迟     时      间了。 2、当执行到$nextTick的时候，这是一个异步事件，他也会把这个事件放到一个队列当中，异步事件是 不会立即执行的代码，会被js处理器放到一个队列里，按照队列的顺序优先级等一个个按次序       执行，      新添加的事件都会放在队列末尾。所以，当第一个也就是data的修改执行渲染在页面之后，这个时候执行$nextTick，就肯定能获取dom的东

转载于:https://www.cnblogs.com/liangziaha/p/11275809.html

• 点赞
• 收藏
• 分享
• 文章举报