是否在VueJS中验证模型中的数据？任何Vue验证器都不起作用

<input v-model="name" required>

data() {
  return {
    name: ''
  }
}

<form @submit="validateForm">
  <input v-model="name" required>
  <button type="submit">Submit</button>
</form>

methods: {
  validateForm() {
    if (!this.name) {
      alert('Name is required');
    }
  }
}

Vue.directive('email', {
  bind: function (el, binding, vnode) {
    el.addEventListener('blur', function () {
      var email = el.value;
      if (!validateEmail(email)) {
        alert('Invalid email format');
      }
    });
  }
});

Vue.mixin({
  methods: {
    validateEmail(email) {
      // 验证邮箱格式的逻辑
    }
  }
});

<input v-model="email" v-email>