У v-model есть полезные для input модификаторы:

    <!-- v-model with .lazy modifier -->
    <input type="text" v-model.lazy="lazyValue" placeholder="Lazy input" />
    <p>Lazy value: {{ lazyValue }}</p>

    <!-- v-model with .number modifier -->
    <input type="number" v-model.number="numberValue" placeholder="Number input" />
    <p>Number value: {{ numberValue }}</p>

    <!-- v-model with .trim modifier -->
    <input type="text" v-model.trim="trimmedValue" placeholder="Trimmed input" />
    <p>Trimmed value: {{ trimmedValue }}</p>

Модификатор lazy откладывает обновление переменной до тех пор, пока поле ввода не потеряет фокус, вместо того чтобы делать это сразу после ввода пользователем символа. Это сокращает количество обновлений и помогает повысить производительность.

#input #modifiers #tip