Stilizimi i Komponentëve në Vue Framework
Për të stilizuar komponentët në skedarin
e komponentit duhet të shkruani tag-un
style:
<script>
</script>
<template>
</template>
<style>
</style>
Në këtë tag mund të shkruani kodin CSS, dhe ai do të aplikohet vetëm për kodin HTML të komponentit, dhe nuk do të aplikohet diku tjetër. Kjo është bërë qëllimisht për lehtësi.
Le të shohim një shembull. Le të themi se kemi disa paragrafë:
<template>
<p>
1
</p>
<p>
2
</p>
</template>
Le t'i ngjyrosim ata në ngjyrë të kuqe:
<style>
p {
color: red;
}
</style>
Stilizoni tag-et e komponentit tuaj.