Vue රාමුවේ සංරචකයක් සැලසුම් කිරීම

සංරචක සැලසුම් කිරීම සඳහා, සංරචක ගොනුව තුළ style ටැගය ලිවිය යුතුය:

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

මෙම ටැගය තුළ CSS කේතය ලිවිය හැකිය, එය සංරචකයේ HTML කේතයට පමණක් යොදනු ලබන අතර, යම් වෙනත් තැනක යොදනු නොලැබේ. මෙය පහසුව සඳහා විශේෂයෙන් සකසා ඇත.

අපි උදාහරණයක් බලමු. අපට යම් ඡේද කිහිපයක් ඇතැයි සිතමු:

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

අපි ඒවා රතු පැහැයට හරවමු:

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