frontend-store
Installation
SKILL.md
前端数据状态流转规范
本项目的前端层使用 Vue 3 新基建 Pinia 做跨级状态管理。禁止引入和使用其它状态管理库(如 Vuex)。
Store 的组织体系
系统的状态空间划分为两类模块:
- 核心公共状态(Framework Store):位于
packages/stores/src/modules/及相关目录内。(如access,user,tabbar,dict)。 - 应用业务状态(App Store):位于
apps/web-antd/src/store/内。(如auth.ts等有关应用具体的登录校验、系统级交互流转状态)。
编写规范与设计模式
1. 采用 Setup Store 组合式范式(推荐)
若要写复杂的业务逻辑 store 优先考虑该方式:
import { defineStore } from 'pinia';
import { ref, computed } from 'vue';