Stilizacija komponente u Vue frejmvorku
Za stilizaciju komponenti u fajlu
komponente potrebno je napisati tag
style:
<script>
</script>
<template>
</template>
<style>
</style>
U ovom tagu je moguće pisati CSS kod, koji će se primenjivati samo na HTML kod komponente, i neće biti primerjen negde drugde. Ovo je specijalno urađeno zbog praktičnosti.
Pogledajmo na primeru. Neka imamo neke paragrafe:
<template>
<p>
1
</p>
<p>
2
</p>
</template>
Obojimo ih u crvenu boju:
<style>
p {
color: red;
}
</style>
Stilizujte tagove svoje komponente.