Vue.js 中的组件中的 props 有哪些验证方式

在 Vue.js 中，props 可以通过以下方式进行验证：

类型检查：可以指定 props 的类型，例如 String、Number、Boolean、Object、Array 等等。
必填属性：可以通过添加 required 属性使 props 变成必填项。
默认值：可以指定默认值，如果 props 没有被传递，将使用默认值。
自定义验证：可以使用自定义函数来验证 props 的有效性。

这些验证方式可以在组件定义时使用，例如：

Vue.component('my-component', {
  props: {
    propA: Number,
    propB: {
      type: String,
      required: true
    },
    propC: {
      type: Object,
      default: function () {
        return { message: 'hello' }
      }
    },
    propD: {
      validator: function (value) {
        return value > 0
      }
    }
  }
})

在上面的例子中，propA 指定了类型为 Number，propB 指定了类型为 String 并且必须存在，propC 指定了类型为 Object 并且默认值为 { message: ‘hello’ }，propD 指定了自定义验证函数来验证值是否大于 0。