Vue ֆրեյմվորքում կոմպոնենտի ստիլացում

Կոմպոնենտները ստիլացնելու համար կոմպոնենտի ֆայլում պետք է գրել style թեգը:

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

Այս թեգում կարելի է գրել CSS կոդ, և այն կկիրառվի միայն կոմպոնենտի HTML կոդի նկատմամբ, և չի կիրառվի դրսում somewhere else: Սա արված է հատուկ հարմարության համար:

Դիտարկենք օրինակով: Ենթադրենք ունենք մի քանի պարբերություններ:

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

Եկեք ներկենք դրանք կարմիր գույնով:

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