Vue给组件传值限制传入的字符串是枚举类型

可以通过使用Typescript来限制传入的字符串是枚举类型。例如，我们可以定义一个枚举类型：

enum Color {
  Red = 'red',
  Blue = 'blue',
  Green = 'green'
}

然后在组件中使用props来声明传入的属性：

props: {
  color: {
    type: String,
    validator(value: string) {
      return Object.values(Color).includes(value)
    }
  }
}

这样就限制了传入的字符串必须是枚举类型中的值。如果传入的值不在枚举类型中，Vue会抛出一个警告。