vue3+ts的写法

Vue 3的TypeScript写法可以参考以下示例代码：

import { defineComponent } from 'vue';

interface Fly {
  fly(): void;
}

interface Swim {
  swim(): void;
}

interface Sum extends Fly, Swim {}

const P3 = defineComponent({
  methods: {
    fly() {
      console.log('飞吧3');
    },
    swim() {
      console.log('游吧3');
    },
  },
});

const p3 = new P3();
p3.fly();
p3.swim();

在Vue 3中，可以使用`defineComponent`函数定义组件，并在`methods`中实现接口中的方法。可以通过`implements`关键字来实现接口，并在对应的方法中添加具体的实现代码。然后可以创建组件实例并调用其中的方法。这样，你就可以在Vue 3中使用TypeScript来编写具有接口继承和限制类类型的代码了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue3 + TS (一)](https://blog.csdn.net/m0_51328823/article/details/122764931)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue3 + ts](https://blog.csdn.net/admin12345671/article/details/129640919)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]