Stilning av komponenter i ramverket Vue

För att styla komponenter i komponentfilen behöver du skriva taggen style:

<script>
	
</script>
<template>
	
</template>
<style>
	
</style>

I denna tagg kan du skriva CSS-kod, och den kommer endast att appliceras på HTML-koden i komponenten, och kommer inte att användas någon annanstans. Detta är specifikt gjort för bekvämlighet.

Låt oss titta på ett exempel. Låt oss säga att vi har några stycken:

<template>
	<p>
		1
	</p>
	<p>
		2
	</p>
</template>

Låt oss färga dem röda:

<style>
	p {
		color: red;
	}
</style>

Styla taggarna i din komponent.