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