Validation with Vue?

Question

Vue.js

<input type="text" required v-model="message">
      <div class="error" v-show="!msgValid">
                <span style="color:red;">Input is Invalid</span>
     </div>

vue

new Vue({
    el: '#forms',
    data: {
          message: ''
      },
    computed: {
        isFioValid: function () {
          // ???
        }
    }
});

How to validate and display the appropriate message using Vue.js?
Or is there a library, a ready-made solution to use?

From the example above, SQL, XSS injections should be avoided.

Answer 1

SQL, XSS Frontend injections are unavoidable.
Do validation on the server.
But if you want to warn the user that the server will not accept the response:
https://github.com/vuejs/awesome-vue#validation