vue3配置typescript

要在Vue3中使用TypeScript，需要进行以下配置：
1. 安装Vue CLI 4或以上版本。
2. 创建一个Vue3项目：`vue create my-project`。
3. 在创建项目时选择TypeScript选项，或者在已有项目中添加TypeScript支持：`vue add @vue/typescript`。
4. 安装必要的TypeScript依赖：`npm install --save-dev typescript ts-loader`.
5. 在项目根目录下创建`tsconfig.json`文件，配置TypeScript编译选项。
6. 在`.vue`文件中使用`<script lang="ts">`标签，并使用`vue-class-component`和`vue-property-decorator`库来增强Vue组件。
7. 在`main.ts`文件中引入Vue和创建Vue实例时，需要使用`createApp`方法，并将组件注册到Vue实例中。

参考代码如下：

// tsconfig.json
{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}

// MyComponent.vue
<template>
  <div>{{ message }}</div>
</template>

<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';

@Component
export default class MyComponent extends Vue {
  @Prop() private message!: string;
}
</script>

// main.ts
import { createApp } from 'vue';
import App from './App.vue';

createApp(App).mount('#app');