美文网首页
vue依赖收集的策略

vue依赖收集的策略

作者: 草珊瑚_6557 | 来源:发表于2020-02-16 14:17 被阅读0次

依赖收集的策略

遍历dom节点,找到正则匹配的{{}}所在节点,执行$watch方法。

$watch方法传入两个参数:
1.绑定的数据路径
2.回调函数
回调函数包含了对应的节点信息。

$watch方法的实现:
生成一个Watcher实例,用于收集依赖。
然后就把Watcher实例放入全局target。
依赖收集的方式是,访问object数据,从而触发get方法。
get方法里判断有全局的target,执行Dep实例的addDepend方法。
addDepend方法内容:全局target也就是Watcher实例执行addDep方法。
addDep方法内容:把Watcher实例放入Dep实例的数组中。
完成依赖收集。

参考:
https://github.com/muwoo/wue

相关文章

  • vue依赖收集的策略

    依赖收集的策略 遍历dom节点,找到正则匹配的{{}}所在节点,执行$watch方法。 $watch方法传入两个参...

  • Vue的依赖收集

    原文地址//依赖收集器

  • vue getter的依赖收集

    懒得很 几乎跟这个文章一模一样 所以就直接饮用链接了https://blog.csdn.net/yayayaya...

  • Vue源码分析—响应式原理(二)

    依赖收集 Vue会把普通对象变成响应式对象,响应式对象getter相关的逻辑就是做依赖收集,我们来详细分析这个过程...

  • vue源码解析

    知识要点 vue工作机制 vue响应式的原理 依赖收集与追踪 编译compile vue工作机制 初始化 在new...

  • 3.响应式系统的依赖收集追踪原理

    响应式系统的依赖收集追踪原理 为什么要依赖收集? 先举个栗子? 我们现在有这么一个 Vue 对象。 然后我们做了这...

  • 03.响应式系统的依赖收集追踪原理

    响应式系统的依赖收集追踪原理 为什么要依赖收集? 先举个栗子? 我们现在有这么一个 Vue 对象。 然后我们做了这...

  • Vue源码原理--依赖收集

    为何要进行依赖收集 先看下面这段代码 按照之前的文章响应式原理中的方法绑定则会出现一个问题---text3在实际模...

  • Vue 依赖收集原理分析

    Vue 依赖收集原理分析 Vue实例在初始化时,可以接受以下几类数据: 模板 初始化数据 传递给组件的属性值 co...

  • js vue中依赖收集

    依赖收集是 Vue.js 和 Mobx.js 核心的之一。本段代码实现调用多个new Queue().task()...

网友评论

      本文标题:vue依赖收集的策略

      本文链接:https://www.haomeiwen.com/subject/xtipfhtx.html