vue3 interface 继承后怎么重写属性

在 Vue3 中，`interface` 定义了一种类型，可以用于规范组件的数据结构。如果需要在基于已有接口的子接口上重写某些属性，你可以定义一个新的接口，并使用 `extends` 关键字继承父接口，然后在其基础上添加或覆盖所需的属性。

例如：

// 父接口
interface ParentInterface {
  name: string;
  age: number;
}

// 子接口，在父接口基础上重写或增加属性
interface ChildInterface extends ParentInterface {
  // 重写了 'name' 属性，可能是不同的数据类型或添加了新属性
  newName?: string;

  // 或者添加新的属性
  profession: string;
}

在这种情况下，当你创建使用 `ChildInterface` 类型的组件实例时，它将拥有 `ParentInterface` 所有的属性，同时还可以有 `newName` 和 `profession` 这两个额外的属性，或者如果你指定了 `newName` 的默认值，其类型可能会有所不同。