Gaya Komponen dalam Kerangka Kerja Vue

Untuk menggayakan komponen dalam fail komponen, anda perlu menulis tag style:

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

Dalam tag ini, anda boleh menulis kod CSS, dan ia akan digunakan hanya pada kod HTML komponen tersebut, dan tidak akan digunakan di luar. Ini dibuat khusus untuk kemudahan.

Mari kita lihat contoh. Katakan kita mempunyai beberapa perenggan:

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

Mari kita warnakan mereka dengan warna merah:

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