Komponendi stiilimine Vue raamistikus
Komponentide stiilimiseks tuleb komponendi failis
kirjutada silt
style:
<script>
</script>
<template>
</template>
<style>
</style>
Selles sildis saab kirjutada CSS koodi, mis rakendub ainult komponendi HTML koodile ega rakendu kuskile mujale. See on tehtud spetsiaalselt mugavuse huvides.
Vaatame näidet. Oletame, et meil on mõned lõigud:
<template>
<p>
1
</p>
<p>
2
</p>
</template>
Värvime need punaseks:
<style>
p {
color: red;
}
</style>
Stiilige oma komponendi silte.