在Vue 3中，`ref`和`reactive`均用于创建响应式数据，但其适用场景及使用方式存在差异： **核心区别** - `ref`内部通过`reactive`包装成`{ value: ... }`对象实现，本质仍为`reacti ...

Vue3中setup函数不支持异步定义，这是基于组件初始化阶段的规范设计。在组件实例创建前，setup函数必须同步执行并返回响应式数据和方法，以确保Vue能正确构建响应式系统和渲染上下文。若将setup定义为异步函数，其返回值将被封装为Pr ...

Vue 3 中如何正确使用 ref 和 reactive 的区别是什么？ **回答：** 在 Vue 3 中，ref 和 reactive 都用于创建响应式数据，但它们的使用方式和适用场景不同： - **ref** 用于将基本类 ...

1. 响应式系统Vue 3 的响应式系统是通过 Proxy 实现的，它取代了 Vue 2 中的 Object.defineProperty。Proxy 提供了更强大和灵活的拦截能力，能够监听对象属性的读取、修改、删除 ...

shallowReactive 与 shallowRefshallowReactive : 只处理了对象内最外层属性的响应式(也就是浅响应式)shallowRef: 只处理了value的响应式, 不进行对象的r ...

文档: https://composition-api.vuejs.org/zh/api.htmlsetup新的option, 所有的组合API函数都在此使用, 只在初始化时执行一次函数 ...

最近有小伙伴跟我聊起setup函数，因为习惯了vue2.x的写法导致了，setup用起来觉得奇奇怪怪的，在一些api混编的情况下，代码变得更加混乱了，个人觉得在工程化思想比较强的团队中 ...

本系列分三部曲：《框架实现》 《框架使用》 与 《跳出框架看哲学》，这三篇是我对数据流阶段性的总结，正好补充之前过时的文章。 本篇是 《框架使用》。 1 引言 现在我们团队也 ...

本周精读文章：单页应用的数据流方案探索 1 引言 <img alt="logo" s ...

本系列分三部曲：《框架实现》 《框架使用》 与 《数据流哲学》，这三篇是我对数据流阶段性的总结，正好补充之前过时的文章。 本篇是收官之作 《前端数据流哲学》。 1 引言 写这 ...