版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年商铺门面租赁合同常用版(三篇)
- 2024年企业劳动用工合同参考范文(三篇)
- 2024年工程分包合同不含税(二篇)
- 2024年个人居住房产转租合同(二篇)
- 中考复习艺术家的人才培养和社会贡献
- 中考复习古代文学和文学艺术
- 机械能守恒定律知识点总结及本章试题
- 某软件公司员工手册
- 湘教版小学音乐教材只用情况调查(教师卷)
- 社会工作实务(初级):优抚安置社会工作考试答案
- 2023-2024学年成都市锦江区中考英语二诊试题(含答案)
- MOOC 创新方法与实践-河南理工大学 中国大学慕课答案
- 《国家心力衰竭指南2023(精简版)》解读
- 2024年浙江温州市铁投集团运营分公司招聘笔试参考题库含答案解析
- 8D报告培训(经典)ppt文档全文预览
- 档案整理及数字化服务方案
- 消防工程监理细则监理实施细则
- 《民法典》合同编实务培训课件
- 梁若瑜著-十二宫六七二象书增注版
- 2020版药物临床试验质量管理规范试题.docx
评论
0/150
提交评论