Styling ya Sehemu katika Mfumo wa Vue

Ili kuweka mitindo ya sehemu katika faili ya sehemu, unahitaji kuandika kitambulisho style:

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

Katika kitambulisho hiki utaweza kuandika msimbo wa CSS, na wakati huo huo utatumika tu kwa msimbo wa HTML wa sehemu, na hautatumika mahali pengine nje. Hii imefanywa mahsusi kwa urahisi.

Wacha tuangalie kwa mfano. Tuchukulie tuna aya fulani:

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

Wacha tuwarekebishe rangi kuwa nyekundu:

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