Vue Framework'unda class Özelliği
class özelliği ile çalışma,
v-bind direktifi veya
onun kısaltılmış formu aracılığıyla gerçekleşir.
Pratikte nasıl olduğuna bakalım.
str özelliğinde,
boşluklarla ayrılmış CSS sınıfları saklansın:
data() {
return {
str: 'active valid',
}
}
Bu CSS sınıflarını bir etiketete ekleyelim:
<template>
<p :class="str">text</p>
</template>
Bir paragraf verildi. cssClasses özelliği verildi,
içinde bazı CSS sınıfları yazılı.
Bu sınıfları paragrafımıza ekleyin.