Gaya Komponen dalam Kerangka Kerja Vue
Untuk menggayakan komponen dalam fail
komponen, anda perlu menulis tag
style:
<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:
<template>
<p>
1
</p>
<p>
2
</p>
</template>
Mari kita warnakan mereka dengan warna merah:
<style>
p {
color: red;
}
</style>
Gayakan tag komponen anda.
