摘要: 本文通过结合官方文档、源码和其他文章整理后,对Vue的nextTick做深入解析。理解本文最好有浏览器事件循环的基础,建议先阅读上文《事件循环Event loop到底是什么》。 一、官方定义 实际上在弄清楚浏览器的事件循环后,Vue的nextTick就非常好理解了,它就是利用了事件循环的机制。我们首 阅读全文
posted @ 2021-01-28 11:27 0nTheRoad 阅读(898) 评论(12) 推荐(3) 编辑
摘要: 本文通过结合官方文档MDN和其他博客深入解析浏览器的事件循环机制,而NodeJS有另一套事件循环机制,不在本文讨论范围中。process.nextTick和setImmediate是NodeJS的API,所以本文也不予讨论。 首先,先了解几个概念。 Javascript到底是单线程还是多线程语言? 阅读全文
posted @ 2021-01-27 10:59 0nTheRoad 阅读(974) 评论(1) 推荐(3) 编辑
摘要: 本文通过官方文档结合源码来分析computed/method/watch的区别。 Tips:本文分析的源码版本是v2.6.11,文章中牵涉到vue响应式系统原理部分,如果不是很了解,建议先阅读上一篇文章《深入解析vue响应式原理》。 computed 首先来看官网的解释:计算属性是基于响应式依赖进行 阅读全文
posted @ 2021-01-25 11:37 0nTheRoad 阅读(561) 评论(0) 推荐(0) 编辑
摘要: 本文主要通过结合vue官方文档及源码,对vue响应式原理进行深入分析。 一、定义 作为vue最独特的特性,响应式可以说是vue的灵魂了,表面上看就是数据发生变化后,对应的界面会重新渲染,那么响应式系统的底层细节到底是怎么一回事呢? Tips:vue的响应式系统在vue2.0和vue3.0版本中的底层 阅读全文
posted @ 2021-01-20 19:53 0nTheRoad 阅读(898) 评论(0) 推荐(2) 编辑