当前位置: 首页 > news >正文

vue的$nextTick的原理

参考:https://cloud.tencent.com/developer/article/1633546

总结一下:就是$nextTick将回调函数放到微任务或者宏任务当中以延迟它地执行顺序;(总结的也比较懒👶)
重要的是理解源码中它的三个参数的意思:

  • callback:我们要执行的操作,可以放在这个函数当中,我们没执行一次$nextTick就会把回调函数放到一个异步队列当中;
  • pending:标识,用以判断在某个事件循环中是否为第一次加入,第一次加入的时候才触发异步执行的队列挂载
  • timerFunc:用来触发执行回调函数,也就是Promise.then或MutationObserver或setImmediate 或setTimeout的过程(Vue 在内部对异步队列尝试使用原生的 Promise.then、MutationObserver 和 setImmediate,如果执行环境不支持,则会采用 setTimeout(fn, 0) 代替。)

理解之后,在看整个nextTick里面的执行过程,其实就是把一个个nextTick里面的执行过程,其实就是把一个个nextTick里面的执行过程,其实就是把一个个nextTick中的回调函数压入到callback队列当中,然后根据事件的性质等待执行,轮到它执行的时候,就执行一下,然后去掉callback队列中相应的事件。

http://www.lryc.cn/news/8056.html

相关文章:

  • 前端学习第一阶段——第五章CSS(下)
  • 基于django搭建简单的个人博客
  • JVM解释器与JIT编译器如何并存?
  • 生产者消费者模型
  • mysql索引--实例
  • 浅聊一下,可中断锁(ReentrantLock)
  • 关于Arcgis林业数据处理的62个常用技巧
  • 一些NLP术语
  • Session详解,学习 Session对象一篇文章就够了
  • Java——不同的子序列
  • Git 基本操作之Git GUI界面和git命令行如何选择
  • Python编程 动态爱心
  • JavaScript :基础语法
  • buu [AFCTF2018]Single 1
  • Linux C++ 200行完成线程池类
  • C语言指针剖析(初阶) 最详细!
  • AcWing语法基础课笔记 第三章 C++中的循环结构
  • A simple freeD tracking protocol implementation written in golang
  • 简约精美电商小程序【源码好优多】
  • 全网详解 .npmrc 配置文件:比如.npmrc的优先级、命令行,如何配置.npmrc以及npm常用命令等
  • 从0开始学python -31
  • Jenkins的使用教程
  • 1.Maven的坐标和依赖
  • Jenkins 笔记
  • Python和Java语言,哪个更适合做自动化测试?
  • 互联网的路由选择协议
  • 接口幂等性处理
  • 数字孪生智慧机场:透视数字化时代下的航空运营
  • SpringBoot 文件上传后查看404的问题和解决404后需要访问两次才能查看的问题
  • 定时任务使用总结