Vue ֆրեյմվորքում կոմպոնենտի ստիլացում
Կոմպոնենտները ստիլացնելու համար կոմպոնենտի ֆայլում
պետք է գրել
style թեգը:
<script>
</script>
<template>
</template>
<style>
</style>
Այս թեգում կարելի է գրել CSS կոդ, և այն կկիրառվի միայն կոմպոնենտի HTML կոդի նկատմամբ, և չի կիրառվի դրսում somewhere else: Սա արված է հատուկ հարմարության համար:
Դիտարկենք օրինակով: Ենթադրենք ունենք մի քանի պարբերություններ:
<template>
<p>
1
</p>
<p>
2
</p>
</template>
Եկեք ներկենք դրանք կարմիր գույնով:
<style>
p {
color: red;
}
</style>
Ստիլացրեք ձեր կոմպոնենտի թեգերը: