一文了解Vue中的nextTick(2)

这个时候你只是给 MutationObserver 实例绑定好了回调,他具体监听哪个DOM、监听节点删除还是监听属性修改,还没有设置。而调用他的 observer 方法就可以完成这一步:

var domTarget = 你想要监听的dom节点 mo.observe(domTarget, { characterData: true //说明监听文本内容的修改。 })

一文了解Vue中的nextTick

在 nextTick 中 MutationObserver 的作用就如上图所示。在监听到DOM更新后,调用回调函数。

其实使用 MutationObserver 的原因就是 nextTick 想要一个异步API,用来在当前的同步代码执行完毕后,执行我想执行的异步回调,包括 Promise 和 setTimeout 都是基于这个原因。其中深入还涉及到 microtask 等内容,暂时不理解,就不深入介绍了。

总结

以上所述是小编给大家介绍的Vue中的nextTick,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/d6e6e492cd5fb3dcb6be1843ca070118.html