Stilsetting av komponenter i Vue-rammeverket
For å style komponenter i komponentfilen
må du skrive taggen
style:
<script>
</script>
<template>
</template>
<style>
</style>
I denne taggen kan du skrive CSS-kode, og den vil bare bli brukt på HTML-koden i komponentet, og ikke utenfor. Dette er spesielt laget for bekvemmelighet.
La oss se på et eksempel. Anta at vi har noen avsnitt:
<template>
<p>
1
</p>
<p>
2
</p>
</template>
La oss farge dem røde:
<style>
p {
color: red;
}
</style>
Style taggene i komponentet ditt.