Vue3 + TypeScript 完全指南：最佳实践与注意事项

 在 Vue 3 中使用 TypeScript，通常需要结合 setup 语法糖（<script setup>）或 Composition API，以充分发挥 TypeScript 的类型检查能力。以下是关键的使用方式和注意事项：

---

1. 项目初始化

确保 Vue 3 项目支持 TypeScript，可以使用 Vue CLI 或 Vite 初始化：

# 使用 Vite 创建 Vue 3 + TypeScript 项目
npm create vite@latest my-vue-app --template vue-ts
cd my-vue-app
npm install

如果已有 Vue 3 项目，手动安装 TypeScript 及其相关依赖：

npm install typescript @vue/tsconfig vue-tsc --save-dev

---

2. 基本用法

（1） 语法

Vue 3 推荐使用 setup 语法糖，可以更简洁地定义变量和 props：

<script setup lang="ts">
import { ref } from 'vue';

// 定义响应式变量
const count = ref<number>(0);
const name = ref<string>('Vue 3');

const increment = () &