Почему не применяется класс во Vue.js?

Question

[Alexey1307]

Изучаю Vue, хочу применить класс, но почему то не выходит!

HTML

<div id="active" :class="{ active: isActive }">Красный</div>

CSS

.active{
	color: red;
}

JS

const activety = {
    data() {
        return {
            isActive: true
        }
    }
}

Vue.createApp(activety).mount('#active')

Answer 1

[mikhailivanko]

Вы пытаетесь биндить класс на корневой элемент, нужно делать это на вложенных элементах.

Comments

[Alexey1307]

Спасиб милый человек)