How vue uses nextTick

This article mainly shows you "vue how to use nextTick", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "vue how to use nextTick" this article.

NextTick

Function: add a delayed callback after the end of the next Dom update cycle. After modifying the data, you can get the updated Dom.

Usage:

Vue.nextTick ([callback, context]) vm.$nextTick ([callback]) / / usage 2 Promise / use as a Promise (added since 2.1.0) Vue.nextTick () .then (function () {/ / DOM updated})

Description:

Callback: delay callback function

Context: optional object

Added from ps:2.1.0: if no callback is provided and in an environment that supports Promise, a Promise is returned. Please note that Vue doesn't come with Promise's polyfill, so if your target browser doesn't support Promise natively (IE: why are you all looking at me), you have to provide your own polyfill.

Extension: with regard to the execution mechanism and usage scenarios of nextTick, we must also master similar requestAnimationFrame () and process.nextTick (), the former is the monitoring that comes with the browser (executed before the next redraw), and the latter is the node environment, which is executed at the point in time of the next event polling.

The above is all the content of the article "how vue uses nextTick". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!