Vue фреймворгіндегі компонентті стильдеу

Компоненттерді стильдеу үшін компонент файлында style тегін жазу керек:

<script>
	
</script>
<template>
	
</template>
<style>
	
</style>

Бұл тег ішінде CSS кодын жаза аласыз, бұл ретте ол тек компоненттің HTML кодына қолданылады, ал сыртта қолданылмайды. Бұл ыңғайлылық үшін арнайы жасалған.

Мысалға қарайық. Бізде бірнеше абзац бар делік:

<template>
	<p>
		1
	</p>
	<p>
		2
	</p>
</template>

Оларды қызыл түске бояйық:

<style>
	p {
		color: red;
	}
</style>

Компонентіңіздің тегтерін стильдеңіз.