Vue添加樣式非常方便，我們可以使用內聯樣式、單文件組件、CSS模塊等方式來實現。以下是具體的實現方法：

1. 內聯樣式

<template>
<div :style="{ color: 'red', fontSize: '14px' }">
內聯樣式示例
</div>
</template>

使用:style指令，直接將樣式對象傳遞給元素即可。內聯樣式的優點是可以直接在模板中實現，不需要在腳本或者樣式文件中添加代碼。

2. 單文件組件

<template>
<div class="example">
單文件組件示例
</div>
</template>
<style>
.example {
color: red;
font-size: 14px;
}
</style>

使用單文件組件，可以將組件的模板、腳本、樣式封裝在一起，便于管理和維護。在樣式文件中編寫CSS代碼，使用class或id等選擇器指定樣式的作用范圍。

3. CSS模塊

<template>
<div class="example">
CSS模塊示例
</div>
</template>
<style module>
.example {
color: red;
font-size: 14px;
}
</style>

使用CSS模塊，可以讓樣式文件具有局部作用域，避免組件之間的樣式沖突。使用module屬性聲明樣式文件為模塊，在元素中使用名為$style的對象來引用樣式名。

總結

Vue提供了多種方式來添加樣式，我們可以根據項目實際情況選擇使用不同的方式。內聯樣式適合簡單的樣式調整，單文件組件適合中等大小的組件，CSS模塊適合大型項目或者需要樣式隔離的場景。無論采用哪種方式，都需要注意樣式的命名規范和管理方式，以免造成樣式沖突或者難以維護。