红白十万一只

源码调试 https://github.com/vuejs/core 目录下生产 vue 文件夹 即可开始调试，源码在 vue/dist/vue.global.js 中 获取与写入 先看两个关键实参

解析 template 生成 AST 项目地址：https://github.com/vuejs/core packages/compiler-core/src/compile.ts packages

watchEffect 它立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。 副作用刷新时机 pre sync post 更新时机 组件更新前执行 强制效果始终同步触发 组

computed ComputedRefImpl computed 触发流程 延时计算，只有当我们访问计算属性的时候，它才会执行 computed getter 函数计算； 缓存，它的内部会缓存上次的

Refs API的原理 ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。 ref对象属性 ref的参数如果是一个对象的话

reactive Get 指定特殊key值 IS_REACTIVE与IS_READONLY，判断是 reactive 还是 readonly 响应 RAW,从对应全局Map中的获取对应的reactiv

reactive API reactive创建流程 已经是一个 readonly proxy ，直接返回这个 proxy 必须是对象或数组类型，否则返回 target target 已经是 Proxy

按这个响应式原理写一遍源码原理。ps：能水好几篇，针不戳 Vue 3.X与Vue 2.X访问数据差异 对于props、data等处理 Vue 2.x 可以看到Vue 2.x的options顺序是 in

MTU：最大传输单元（Maximum Transmission Unit，MTU）用来通知对方所能接受数据服务单元的最大尺寸，主要取决于物理环境(光纤、路由器、交换机、服务器等)。 MSS：TCP（Maximum Segment Size，最大报文长度），一般1500字节。再减…