vue script setup lang="ts" 使用fabric示例

在 Vue 的 `<script setup>` 中使用 TypeScript，您可以按照以下步骤进行操作：

1. 确保您的项目已经安装了 TypeScript。如果没有，请先运行以下命令安装 TypeScript：

   npm install --save-dev typescript

2. 在你的 Vue 项目中创建一个新的 `.ts` 文件作为示例。假设文件名为 `Example.ts`。

3. 在 `Example.ts` 文件中，您可以通过 `defineProps` 和 `defineEmits` 来定义组件的属性和事件。例如：

   import { defineProps, defineEmits } from 'vue';

   export default defineProps({
     prop1: String,
     prop2: {
       type: Number,
       required: true
     }
   });

   // 如果需要定义事件，您可以使用 defineEmits
   const emit = defineEmits(['event1', 'event2']);

4. 在您的 Vue 单文件组件中，使用 `<script setup lang="ts">` 标签来引入 TypeScript 文件，并在组件中使用定义的属性和事件。例如：

   <script setup lang="ts">
   import ExampleProps from './Example.ts';

   // 通过解构分配方式获取属性和事件
   const { prop1, prop2 } = ExampleProps;

   // 在模板中使用属性和事件
   </script>

以上是在 Vue 的 `<script setup>` 中使用 TypeScript 的简单示例。您可以根据实际需求扩展和修改代码。