vue3 如何使用typescriptt

要在Vue 3中使用TypeScript，需要进行以下步骤：

1. 安装Vue 3和TypeScript：

   npm install vue@next
   npm install --save-dev typescript

2. 创建一个 `tsconfig.json` 文件，用于配置TypeScript编译器：

   {
     "compilerOptions": {
       "target": "esnext",
       "module": "esnext",
       "strict": true,
       "esModuleInterop": true,
       "jsx": "preserve",
       "moduleResolution": "node",
       "noImplicitAny": true,
       "strictNullChecks": true,
       "allowSyntheticDefaultImports": true,
       "sourceMap": true,
       "baseUrl": ".",
       "paths": {
         "@/*": ["src/*"]
       }
     }
   }

3. 创建 `shims-vue.d.ts` 文件，用于支持Vue文件中的TypeScript类型检查：

   declare module '*.vue' {
     import { defineComponent } from 'vue'
     const component: ReturnType<typeof defineComponent>
     export default component
   }

4. 在Vue组件中使用TypeScript：

   <template>
     <div>{{ message }}</div>
   </template>

   <script lang="ts">
   import { defineComponent } from 'vue'

   export default defineComponent({
     data() {
       return {
         message: 'Hello world!'
       }
     }
   })
   </script>

这样就可以在Vue 3中使用TypeScript了。