Vue.js 2 | Props.


<props name="Dennys" surname="Marquez" :age="18"></props>

props: {
  name: {
    type: String,
    required: true
  },
  surname: {
    type: String,
    required: true
  },
  age: {
    type: Number,
    required: true,

    // valida el dato de entrada
    validator: (value) => {

      if (value < 18) {
        alert('No eres mayor de edad...');
      }

      return !(value < 18);

    }
  }

},


Código fuente, haga clic aquí.