vue3 ts 设置变量类型

在 Vue 3 中使用 TypeScript 来设置变量类型可以通过以下几种方式：

1. 使用 props 属性来设置组件的属性类型：

   import { defineComponent, PropType } from 'vue';

   export default defineComponent({
     props: {
       message: {
         type: String as PropType<string>,
         required: true,
       },
       count: {
         type: Number as PropType<number>,
         default: 0,
       },
     },
     // ...
   });

2. 在组件选项中使用定义的接口类型：

   import { defineComponent } from 'vue';

   interface User {
     name: string;
     age: number;
   }

   export default defineComponent({
     data() {
       return {
         user: {} as User,
       };