How to do form validation in vue.js?

Question

Vue.js

Hello!
I am trying to move to the IT department in my company from a completely different position.
I do all kinds of small layout, micro-tasks, I started learning js.
A test task has been received - you need to make a "feedback" validation form using only bootstrap and vue.js.
There are full name, mail and message text fields. You need to make the Submit button inactive until all the fields are filled in and that errors are displayed if a field is filled in incorrectly (
Googled a bunch of examples where vue plugins are used for validation, but did not find anything about pure vue.js. according to the conditions of the assignment, even the jquery library.
Can someone tell me what to build on?
Please help :3

Answer 1

Of course, no one will do the task for you completely. But you can make a leading example - codepen . The general idea should be clear: with the help of v-model we associate data with inputs, with the help of computed properties we check the data for correctness. In the example, there is only one field, you need to expand it to several.

Answer 2

https://monterail.github.io/vuelidate/

Answer 3

Reading Documentation