Vue фреймворгундагы class атрибуту
class атрибуту менен иштөө
v-bind директивасы же
анын кыскартылган формасы аркылуу жүргүзүлөт.
Келгиле, практикада карап көрөлү.
str касиетинде
тегдин CSS класстары
боштук менен бөлүнүп сакталсын:
data() {
return {
str: 'active valid',
}
}
Бул CSS класстарын бир дагы тегге кошолу:
<template>
<p :class="str">текст</p>
</template>
Абзац берилген. cssClasses касиети берилген,
ал кээ бир CSS класстарын камтыйт.
Бул класстарды биздин абзацыбызга кошкула.
