在Vue中，我們可以通過直接在組件的style屬性中寫入CSS樣式來修改組件的樣式。

<template>
<div class="my-component">
<p :style="{color: textColor, fontSize: textSize + 'px'}">這是一個Vue組件</p>
</div>
</template>
<script>
export default {
data() {
return {
textColor: 'red',
textSize: 16
}
}
}
</script>
<style>
.my-component {
background-color: yellow;
padding: 10px;
}
</style>

上面的代碼中，我們在組件的template標簽中寫入了一個p標簽，通過:style綁定屬性來動態修改顏色和字體大小。同時，在組件的data屬性中定義了textColor和textSize兩個變量，用來控制樣式的動態變化。

在組件的style標簽中，我們也可以寫入CSS樣式來修改組件的其他樣式，比如背景色、padding等。

除了直接在組件中寫入樣式，我們還可以將CSS樣式寫在單獨的CSS文件中，并在組件中引入。

<template>
<div class="my-component">
<p :class="myClass">這是一個Vue組件</p>
</div>
</template>
<script>
import './my-component.css'
export default {
data() {
return {
myClass: 'red-text'
}
}
}
</script>

上面的代碼中，我們在組件的template標簽中引入了my-component.css文件，之后在組件的data屬性中定義了myClass變量，并賦值為red-text。在my-component.css中可以寫入.red-text類名對應的CSS樣式，來修改p標簽的樣式。

總之，在Vue中修改CSS樣式有多種方法，可以根據實際需要來選擇最合適的方式。