状态管理

手写 store 能帮你理解原理，但生产项目常常需要更强的约定、调试工具、HMR、SSR 支持和 TypeScript 类型推导。本文讲清什么时候该从 reactive store 升级到 Pinia。

reactive store 之外，还可以用 ref、computed 和组合式函数组织全局状态。本文讲清模块作用域、局部状态、全局状态的区别，以及 SSR 中全局单例为什么会出问题。

不装 Pinia 也能做简单状态管理。本文手把手用 reactive 抽出全局 store，让多个组件共享同一份状态，并把修改逻辑集中到动作里。

单组件状态很好理解，但多个组件共享同一份数据时，props 逐级传递、事件同步和重复副本会迅速让代码变难维护。本文用购物车案例讲清问题来源。

从一个计数器开始理解 Vue 状态管理的三个基本角色：状态、视图和交互。本文用图解、代码和练习帮小白先把单组件的数据流跑通。

深入讲解 Vue 3 中 provide 与响应式数据的配合使用原则，详解状态变更内聚策略、readonly 防篡改机制以及选项式 API 中的计算属性响应性处理。