Чтобы добавить динамический класс в Vue.js, вы можете использовать несколько методов:

1. Использование условного рендеринга. Вы можете условно применить класс на основе определенного свойства или значения данных с помощью директивы v-bind. Вот пример:

   <div v-bind:class="{ 'my-class': isActive }"></div>

   В приведенном выше коде класс my-classбудет применен, если свойство isActiveимеет значение true.

2. Использование вычисляемых свойств. Вычисляемые свойства позволяют динамически вычислять значение на основе существующих данных и использовать его как класс. Вот пример:

   <div v-bind:class="computedClass"></div>

   // In your Vue component
   computed: {
    computedClass() {
      return this.isActive ? 'my-class' : '';
    }
   }

   В этом примере вычисляемое свойство computedClassвозвращает имя класса на основе значения свойства isActive.

3. Использование синтаксиса массива. Вы также можете использовать синтаксис массива для динамического применения нескольких классов. Вот пример:

   <div v-bind:class="[isActive ? 'my-class' : '', anotherClass]"></div>

   В этом случае класс my-classбудет применяться, если isActiveимеет значение true, а переменная anotherClassбудет применяться всегда.

Это всего лишь несколько способов добавления динамических классов в Vue.js. Вы можете выбрать тот, который соответствует вашему конкретному случаю использования.