Kitu chenye CSS Classes katika Vue

CSS classes pia zinaweza kuhifadhiwa katika vitu. Katika kesi hii, majina ya classes yatakuwa funguo za kitu, na vipengele vya kitu vitakuwa viwango vya kimantiki. Ikiwa thamani itakuwa true, basi class itaongezwa kwa kipengele, na ikiwa false, basi haitaongezwa.

Wacha tujaribu kwa vitendo. Wacha tuwe na kitu kifuatacho chenye classes:

data() {
	return {
		obj: {
			active: true,
			valid:  false,
		},
	}
}

Wacha tuliunge kitu hiki kwa kitoki:

<template>
	<p :class="obj">maandishi</p>
</template>

Kimeshapewa kitu kifuatacho chenye CSS classes:

data() {
	return {
		obj: {
			done: true,
			selected:  false,
		},
	}
}

Tumia classes hizi kwa kitoki chochote. Angalia ni classes gani zimetumika, na zipi hazikutumika.