文章 2023-04-26 来自:开发者社区

# Vue内部原理(四)| 小册免费学

与依赖收集相关的模块是:Dep实例负责维护属性的依赖列表,Watcher就是Dep实例维护的观察者队列中的观察者那么什么是依赖呢?用到数据的地方就是依赖。实际上这个依赖指的是watcher,收集依赖就是将watcher添加到dep的过程,依赖更新就是触发watcher的update当watcher触发getter时,就把这个watcher收集到依赖中,数据发生变化时,就会通知这些watcher去....

# Vue内部原理(四)| 小册免费学
文章 2023-04-26 来自:开发者社区

Vue内部原理(三)| 小册免费学

JavaScript中Array.prototype上有很多常用的方法,MDN上也给出了介绍,虽然方法众多,但是可以改变数组内容的只有7个(fill和copyWithin处于试验阶段,所以源码中没有适配),分别是:pop、push、shift、unshift、splice、sort、reverse。这里的主要内容放在代码注释中,能够看得更清楚Vue处理数组响应式的办法是劫持数组原型方法,将数组元....

Vue内部原理(三)| 小册免费学
文章 2023-04-26 来自:开发者社区

Vue内部原理(二)| 小册免费学

上一讲主要介绍了数据劫持相关的概念,现在起我们正式进入到Vue的数据绑定原理,开始感受Vue源码的精妙当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。——《Vue官方文档》先来看一个很简单的示例,他可....

Vue内部原理(二)| 小册免费学
文章 2023-04-26 来自:开发者社区

Vue内部原理(一) | 小册免费学

这个系列我们主要说的是Vue的数据绑定原理,其他的过程我们不在本系列中讲解那么话不多说,我们来直奔主题先来贴一张官网的响应式原理图,相信大家应该已经看n次了,你应该也知道Object.defineProperty()这个API,为了照顾没有基础的同学,我们来简单的复习一下Object.defineProperty(),你也可以去MDN了解更详细的语法(如果对这一块非常自信可以直接跳到下一节)Ob....

Vue内部原理(一) | 小册免费学

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注
X
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等