Vue正在验证livewire组件中的属性

props: {
  count: {
    type: Number,
    default: 0,
    validator: function(value) {
      return typeof value === 'number';
    }
  }
}

props: {
  age: {
    type: Number,
    min: 0,
    max: 150
  }
}

props: {
  name: {
    type: String,
    required: true
  }
}

props: {
  email: {
    type: String,
    validator: function(value) {
      var regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
      return regex.test(value);
    }
  }
}

<template>
  <div>
    <input v-model="count" type="number">
    <p v-if="$props.count.error">Count must be a number.</p>
  </div>
</template>

<script>
export default {
  props: {
    count: {
      type: Number,
      default: 0,
      validator: function(value) {
        return typeof value === 'number';
      }
    }
  }
}
</script>