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>