# BasicV3EPlus

**Repository Path**: qq1256807020/BasicV3EPlus

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-29
- **Last Updated**: 2026-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3 入门到精通

## 新建项目

- npm create vue@latest
- 选择 vue vuex typescript pinia vue-router sass

## 创建新项目

- npm install -g @vue/cli
- vue create my - vue3-project

## 快速新建项目

- npm create vite@latest my-vue-app
- npm create vite@latest my-vue3-app -- --template vue-ts
- cd my-vue-app
- npm install
- npm run dev

## 基础语法

- v-bind、v-model 双向绑定
- 条件渲染：v-if/v-else、v-show
- 列表渲染：v-for
- 事件监听：v-on
- 样式绑定：:class、:style

## Composition API 详解

- setup
- ref vs reactive
- computed
- watch / watchEffect
- 生命周期钩子
- provide / inject
- getCurrentInstance
- defineProps / defineEmits

## 新特性

- Teleport
- Suspense
- 多根节点

## Vue 3 高级特性

- Script Setup 语法糖
- 动态组件 & 异步组件
- 自定义指令

## 性能优化

- keep-alive
- 异步组件懒加载
- v-memo / v-once

## 生态扩展与实战

- Vue 3 + TypeScript
- Vue 3 + Axios 封装
- VueUse 示例
- Vue 3 + ECharts

## 工具链与部署

- ESLint + Prettier 配置
- Vite 打包优化, 开启 gzip 压缩,使用 vite-plugin-compression