ref及其底层原理

本文澄清了Vue3中ref的实现原理，指出其底层与reactive一样基于Proxy，而非Vue2的Object.defineProperty。ref的设计主要是为了解决reactive无法处理基础类型的问题，通过将值包装为.value对象实现响应式。文章通过示例代码展示了ref的简化实现原理，并总结ref本质上是reactive的语法糖，最终都基于统一的响应式系统架构。

深入浅出了解vue3的响应式原理

Vue3的响应式原理核心是通过Proxy代理对象，在get时收集依赖，set时触发更新。具体实现： reactive函数创建Proxy对象，拦截get/set操作 effect函数注册副作用回调，执行时会被暂存到activeEffect get操作时通过track收集依赖，将effect回调存入WeakMap结构 set操作时通过trigger查找依赖，执行对应effect回调 整个过程建立了"属性-依赖"的映射关系，实现数据变化自动更新 这种机制使得Vue3能够高效追踪数据变化并触发相

vite SSR服务端渲染

阅读这一章里有说过，vue是支持服务端渲染的。通过创建vue组件实例，并使用将在服务器渲染好template并返回字符串结构，通过替换占位字符将渲染好的字符串输出到html上，这样的一个过程就实现了服务端渲染。也提到了如何去渲染SSR并提供了相关那么今天我们就按照官方给的示例来完成vue ssr的改造使用Node Koa框架来做服务器，且使用vue全家桶（router,pinia）开发项目。