Как добавить убрать класс во vuejs при клике?

Question

[Frel]

Как добавить убрать класс во vuejs в компоненте при клике?
Через метод

Comments

[0xD34F]

Чё?...

[alex]

Frel, дядя, документация для кого написана?

Answer 1

[Martovitskiy]

посмотрите пример

Comments

[Frel]

У него через new vue а мне надо в export default

[Martovitskiy]

Frel, это проблема?

Answer 2

[Сергей Соколов]

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

Через метод меняйте значение свойства isActive, класс active добавится/уберется.

Подробнее (на англ.)

Comments

[Frel]

Изменил вопрос

[Сергей Соколов]

Frel, ответ тот же.

По клику дергаете метод, или прямо в обработчике меняете значение из data, на это реагирует класс.

Если всё еще не понятно и кофе не помогает, сделайте минимальный jsfiddle с vue, кнопкой и дивом с классом. Попробуйте еще раз самостоятельно в нём реализовать смену класса по клику. Если все еще не получится - дополните вопрос ссылкой на фиддл.

[Frel]

А обычным js кодом нельзя в методе сделать функцию?

[Сергей Соколов]

Frel, можно, но это был бы костыль.