Stilizacija komponente u Vue frejmvorku

Za stilizaciju komponenti u fajlu komponente potrebno je napisati tag style:

App.vue<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:

App.vue<template>
  <p>
    1
  </p>
  <p>
    2
  </p>
</template>

Obojimo ih u crvenu boju:

App.vue<style>
  p {
    color: red;
  }
</style>