在Vue文件中，我們經常需要為組件添加樣式，這時候就需要用到CSS了。Vue支持將CSS嵌入到組件的Vue文件中，也可以將樣式直接放在外部的CSS文件中。

<template>
<div class="my-component">
<h1>This is my component.</h1>
<p>Some text goes here.</p>
</div>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
<style scoped>
.my-component {
background-color: #eee;
border: solid 1px #ccc;
padding: 10px;
}
h1 {
font-size: 24px;
color: blue;
}
p {
font-size: 16px;
color: green;
}
</style>

上面的代碼演示了將CSS嵌入到Vue組件中的方法，可以看到，我們在style標簽中添加了scoped屬性，這個屬性的作用是讓樣式只作用于當前組件，這是Vue的一個特性。

如果需要將樣式放在外部的CSS文件中，可以使用link標簽來引入外部樣式表：

<template>
<div class="my-component">
<h1>This is my component.</h1>
<p>Some text goes here.</p>
</div>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
<style scoped src="./my-component.css"></style>

在上面的代碼中，我們使用了scoped屬性，同樣也可以在CSS文件中使用scoped屬性。

總的來說，在Vue文件中添加CSS樣式非常方便，可以直接嵌入到組件中，也可以引入外部樣式表，同時還可以使用scoped屬性實現組件級別的樣式。