# simpleVite

**Repository Path**: nocjb/simple-vite

## Basic Information

- **Project Name**: simpleVite
- **Description**: 这是一个基于 Vue 3 + TypeScript + Vite 的学习项目，用于展示 Vue 3 的各种特性和常用库的使用。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-22
- **Last Updated**: 2025-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 学习示例

这是一个基于 Vue 3 + TypeScript + Vite 的学习项目，用于展示 Vue 3 的各种特性和常用库的使用。

## 项目特点

项目包含以下功能示例：

### 1. Vue 3 基础特性
- Props 与事件传递
- 响应式状态（ref, reactive）
- 计数器与热更新 (HMR)
- defineModel 双向绑定

### 2. 组合式 API 与 VueUse
- 鼠标坐标追踪 (useMouse)
- 定时器控制 (useInterval)
- 窗口大小获取 (useWindowSize)
- 实时时间展示 (useNow)

### 3. lodash-es 工具库
- 数据处理（交集、属性选择等）
- 深浅拷贝比较
- 防抖与节流函数

## 项目设置

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产版本
npm run preview
```

## 技术栈

- Vue 3.x
- TypeScript
- Vite
- VueUse
- Element Plus
- lodash-es

## 项目结构

- `src/components` - Vue 组件
- `src/assets` - 静态资源
- `src/App.vue` - 主应用组件
- `index.html` - HTML 入口文件

## 学习资源

- [Vue 3 文档](https://cn.vuejs.org/)
- [TypeScript 文档](https://www.typescriptlang.org/zh/)
- [Vite 文档](https://cn.vitejs.dev/)
- [VueUse 文档](https://vueuse.org/)
- [Element Plus 文档](https://element-plus.org/zh-CN/)
- [lodash-es 文档](https://www.lodashjs.com/)