Sloganje komponent v ogrodju Vue

Za slogovanje komponent v datoteki komponente morate napisati tag style:

App.vue<script>
  
</script>
<template>
  
</template>
<style>
  
</style>

V tem tagu lahko pišete CSS kodo, ki se bo uporabljala samo za HTML kodo komponente in ne bo uporabljena drugje. To je narejeno posebej za udobje.

Poglejmo si primer. Recimo, da imamo nekatere odstavke:

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

Pobarvajmo jih v rdečo barvo:

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