vue源码笔记之——响应系统

vue是一种声明式范式编程，使用vue者只需要告诉其想要什么结果，无需关心具体实现（vue内部做了，底层是利用命令式范式）

1. reactive为什么只能操作对象，对于基本数据类型，需要用ref？

因为vue3存储以来的对象用的是weakMap，其键必须为对象。源码位置如下。targetMap存放的是所有的依赖

2. 是怎么存放依赖？

主要用了一个targetMap，结构为：

{ // weakMap key: '', //需要代理的对象value:  // map，存放对应属性{	key: '', // 属性值value: [] // 依赖关系}
}
// 这段代码会生成以下图片的一个对象
const obj = reactive({name: 'zqw',sex: 'girl'
})
effect(() => {document.querySelector('#p1').innerText = obj.name
})
effect(() => {document.querySelector('#p2').innerText = obj.name
})

3.访问ref的数据为什么必须.value