A strategy to validate child components with Vue and Vee Validate.

Vee Validate - Validating Child components

// Somewhere in the initialization:
import VeeValidate from "vee-validate";

Vue.use(VeeValidate); 

// Then, in the parent component:
export default {
  provide () {
    return { parentValidator: this.$validator }
  },
  ...
}

// Then, in the child component:
export default { // or `export default Vue.extend({`
  inject: ["parentValidator"],
  ...
  created() {
    this.$validator = this.parentValidator
  }
  ...
}

// Then, in the component to be validated (example):
<v-autocomplete
  name="myName"
  v-validate="'required'"
  :error-messages="errors.collect('myName')"
  ...
>
</v-autocomplete>