
# 了解UI引擎状态管理
在UI引擎的前端项目开发中，状态管理是实现组件间数据共享、复杂交互逻辑的核心能力。通过响应式数据，您可以轻松实现组件间的数据通信、动态UI更新以及复杂业务逻辑的处理。
UI引擎提供两种类型的状态，满足不同层级的数据管理需求：
- 页面状态（state）：作用于单个页面，适用于页面内部的数据管理。
- 应用状态（store）：全局共享，可在整个前端项目的所有页面间复用。
两者均为响应式数据，当状态值发生变化时，绑定该状态的组件或逻辑将自动更新，无需手动刷新。
#### 页面状态
页面状态是与当前页面绑定的局部状态，仅在该页面内有效。每个页面状态包含多个状态变量，这些变量本质上是页面状态对象的属性，支持动态添加、修改和删除。
适用于以下场景：
- 单页面内的组件数据交互（如表单输入内容同步至预览区域）。
- 页面内动态样式绑定（如按钮单击后切换颜色，关联页面状态变量）。
- 临时数据存储（如页面内的筛选条件、分页参数）。
 
#### 应用状态
应用状态是基于Vue 3官方状态管理库Pinia实现的全局状态容器，在整个前端项目中共享，所有页面均可读取或修改。
适用于以下场景：
- 跨页面数据共享（如用户登录信息、全局主题配置）。
- 全局业务状态管理（如购物车数据、应用通知数量）。
- 多页面协同交互（如页面A修改筛选条件，页面B的列表数据自动更新）。
 
