# VUE3updated

**Repository Path**: mpbillion/vue3updated

## Basic Information

- **Project Name**: VUE3updated
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-24
- **Last Updated**: 2026-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vol.Vue3 升级版项目

## 升级内容
- Vue CLI → **Vite 5.x**
- Vuex → **Pinia 2.x**
- Less → **SCSS (Dart Sass)**
- JavaScript → **TypeScript**
- Options API → **`<script setup lang="ts">`**
- Element Plus 最新版
- Axios + Mock JSON 数据源

## 环境要求
- Node.js 18+
- npm 9+

## 安装与运行
```bash
npm install
npm run dev     # 开发环境（Mock 数据）
npm run build   # 生产构建
npm run preview # 预览生产构建
```

## 数据源切换
在 `.env.development` 中设置：
```
VITE_API_MODE=mock    # 本地 Mock JSON 数据（无需后端）
VITE_API_MODE=server  # 连接真实后端 API
```

### Mock 数据
Mock 数据文件位于 `src/api/mock/` 目录：
- `api_User_login.ts` - 登录
- `api_User_getUserInfo.ts` - 用户信息
- `api_User_getPageData.ts` - 用户列表
- `api_Role_getData.ts` - 角色数据
- `api_Dictionary_getDictionary.ts` - 字典
- `api_Menu_getMenus.ts` - 菜单

## 目录结构
```
src/
├── api/
│   ├── request.ts          # Axios 封装 + Mock 切换
│   ├── modules/            # 业务 API
│   ├── mock/               # Mock JSON 数据
│   └── permission.ts       # 权限兼容层
├── stores/                 # Pinia 状态管理
├── router/                 # 路由
├── types/                  # TS 类型定义
├── assets/                 # 静态资源
├── components/             # 组件
│   ├── basic/              # 基础组件
│   ├── redirect/           # 重定向/错误页
│   └── ...
├── views/                  # 页面
├── composables/            # 组合式函数
└── extension/              # 扩展模块
```