Komponento stilizavimas Vue karkase
Komponentų stilizavimui komponento faile
reikia parašyti tagą
style:
<script>
</script>
<template>
</template>
<style>
</style>
Šiame tage galima rašyti CSS kodą, kuris bus taikomas tik komponento HTML kodui, ir nebus taikomas kitur. Tai specialiai padaryta patogumui.
Pažiūrėkime pavyzdį. Tarkime, kad turime keletą pastraipų:
<template>
<p>
1
</p>
<p>
2
</p>
</template>
Nudažykime jas raudona spalva:
<style>
p {
color: red;
}
</style>
Stilizuokite savo komponento tagus.