JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <input
    placeholder="Только цифры"
    v-model="value"
    :class="{ error }"
    @blur="checkValue"
  >
  <span v-show="error">Сказано же - только цифры</span>
</div>

CSS

.error {
  border-color: red;
}

JavaScript

new Vue({
  el: '#app',
  data: {
    value: '',
    error: false
  },
  methods: {
    checkValue() {
      this.error = !/^\d*$/.test(this.value);
    }
  }
})