版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
Vue.nextTick1、原理
2、事件循环
3、参数
4、用法
学习目标
1、了解Vue.nextTick原理及事件循环
2、通过实例掌握Vue.nextTick的用法
(1)、Vue实现响应式并不是数据发生变化之后DOM立即变化,而是按一定的策略进行DOM的更新。(2)、简单来说事件循环是在Vue在修改数据后,视图不会立刻更新,而是等同一事件循环中的。
原理
关于异步的解析,具体来说,异步执行的运行机制如下。(1)、所有同步任务都在主线程上执行,形成一个执行栈(executioncontextstack)。(2)、主线程之外,还存在一个"任务队列"(taskqueue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。(3)、一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行
原理(4)、主线程不断重复上面的第三步。下图是主线程和任务队列的示意图。原理
同步代码执行->查找异步队列,推入执行栈,执行Vue.nextTick[事件循环1]->查找异步队列,推入执行栈,执行Vue.nextTick[事件循环2]...总之,异步是单独的一个tick,不会和同步在一个tick里发生,也是DOM不会马上改变的原因。
事件循环参数
参数:{Function}[callback]{Object}[context]用法
DOM更新循环结束之后执行延迟回调,在修改数据之后立即使用这个方法,获取更新后的DOM。1、了解Vue.ne
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 社区志愿者活动心得体会
- 《生物入侵者》教学设计【共2篇】
- 课堂观察报告范文
- 二手房交易合同范本
- 五年级《组合图形的面积》教学设计
- 展厅装修合同
- 消防技术服务(检测)合同
- 河南省焦作市2023-2024学年八年级上学期期末英语试题(含听力)(含答案解析)
- 电感耦合等离子体光谱仪操作指导书
- 应急预案内部评审记录
- 食材配送应急预案(完整版)
- 劳务派遣投标服务方案
- 七年级下学期家长会课件优质
- 新版压力容器制造质量手册
- 职业生涯规划各章复习要点
- UnityPro编程培训教程第05章变量及数据
- JJF 1903-2021 冲击响应谱试验机校准规范
- 龙门式机械手结构设计
- 临时用水施工方案技术交底
- 美国社会与文化智慧树知到答案章节测试2023年天津外国语大学
评论
0/150
提交评论