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