Vue фреймворкида компонентни стиллаш
Компонентларни стиллаш учун компонент файлида
style тегини
ёзиш керак:
<script>
</script>
<template>
</template>
<style>
</style>
Бу тег ичида CSS код ёзиш мумкин, бу эса фақатгина компонентнинг HTML кодига қўлланилади ва бошқа жойларга таъсир қилмайди. Бу қулайлик учун алохида қилиб қўйилган.
Келиб, мисол кўриб чиқайлик. Фарз қилайлик, бизда айрим абзацлар бор:
<template>
<p>
1
</p>
<p>
2
</p>
</template>
Келиб, уларни қизил рангга бояйлик:
<style>
p {
color: red;
}
</style>
Компонентингиз тегларини стиланг.
