随笔分类 - vue / vue2源码学习
摘要：上篇主要对数组格式数据进行响应式处理，vue 有set 和del 方法可以对数组和对象进行修改和删除。代码如下： 数组类型的数据修改和删除时候，只需要调用splice方法就可以，在上一篇数组响应是在get方法中属性为数组格式时进行依赖的注入，现在在每个属性都注入，这样调用set方法时候，才能在_ob
阅读全文
摘要：上一篇主要是对数组类型进行响应式处理，这次主要对数组里面的属性值、嵌套数组、数组新增后的值进行响应式处理。 如下文：执行下面方法，数组的依赖函数不会触发 import { observe } from "./reactive"; import { Watcher } from "./watcher"
阅读全文
摘要：继上文，监听data后，data中的每个属性都有响应式效果，那么下面这种情况会触发响应式吗？ import { observe } from "./reactive"; import { Watcher } from "./watcher"; const data = { arr: ["a"], }
阅读全文
摘要：上篇优化了重复的监听，但当data数据为下图一个嵌套数据时，深层嵌套的属性没有响应效果。 import { observe } from "./observer"; import { Watcher } from "./watcher"; const data = { test: "aa", tes
阅读全文
摘要：上次简单的模拟了数据响应式，当我们第一次修改值依赖函数会执行一次，再修改一次值依赖函数会执行两次，这需要做下去重，去掉重复绑定的依赖。采用的方法是给每个dev实例添加一个唯一标识id,通过Set去重。 代码如下：dep实例添加一个移除方法，和id属性 let uid = 0; export defa
阅读全文
摘要：工作中大部分项目使用vue2做，但一直局限于使用，终于有闲暇时间可以学习下源码，网上优秀的源码分析很多，此文章只是记录个人所学，有问题欢迎大家指出，欢迎讨论，互相学习。 下面是我对vue2响应式数据的简单模拟，还需要亿点点补充。 vue2响应式数据原理主要通过 Object.defineProper
阅读全文
