interface Person {
      age: number,// 確定屬性
      name?: string,// 可選屬性（加問號(hào)即可）
      [propName: string]: any,// 任意屬性
      readonly sex: string,// 只讀屬性
}
// 使用接口
const p = ref<Person>({
      age: 20,// 確定屬性,不寫會(huì)報(bào)錯(cuò)
      sex: '女',// 只讀屬性也是確定屬性,不寫會(huì)報(bào)錯(cuò)
      label1: '班花',// 任意屬性1
      label2: '165',// 任意屬性2
})

// 函數(shù)類型接口
interface Func {
      // 定于這個(gè)函數(shù)接收兩個(gè)必選參數(shù)都是 number 類型，以及一個(gè)可選的字符串參數(shù) desc，
      // 這個(gè)函數(shù)不返回任何值
      (x: number, y: number, desc?: string): number
}
// 使用
const sum: Func = function (x, y, desc = '') {
      // 等價(jià)于const sum: Func = function (x: number, y: number, desc: string): void {
      console.log(desc, x + y)
}
console.log(sum(1, 2))

// 接口繼承接口：繼承一個(gè)新的接口或者類，從父類或者接口繼承所有的屬性和方法
// 不可以重寫屬性，但可以重寫方法 
interface classPerson extends Person1 {
      //在繼承的基礎(chǔ)上新找了個(gè)了一個(gè)teach方法，且返回值是string類型
      teach(): string;
}
// 類實(shí)現(xiàn)接口implements：實(shí)現(xiàn)一個(gè)新的類，從父類活接口實(shí)現(xiàn)所有的屬性和方法，
// 同時(shí)可以重寫屬性和方法，包含一些新的功能
class classPerson2 implements Person1 {
      age = 20
      name = 'suosuo'
      sex = '女'
      say() {
            return '我的全名是小鎖'
      }
}

// 混合類型接口
interface MixType {
      // 如果只有這么一個(gè)，那么這個(gè)接口是函數(shù)接口
      (x: number, y: number): number,
      // 還含有其他方法，那么這個(gè)接口就是混合接口
      add(x: number, y: number): number,
      // 還有另一個(gè)方法
      log(): void,
      (): void
}
// 調(diào)用
function sum() {
      let sum: MixType = (() => { }) as MixType;
      sum.add = (x: number, y: number) => { return x + y }
      sum.log = () => { }
}

const isShowModal = ref(false)
function open() {
      isShowModal.value = true
}