Vue是一個非常流行的JavaScript前端框架，它提供了簡單易用的數據綁定和組件化構建方式。在Vue中進行CSS樣式的添加也非常容易。

首先，在Vue組件中，可以使用style標簽來添加CSS樣式。如下：

<template>
<div class="container">
<p>Hello World!</p>
</div>
</template>
<script>
export default {
name: 'MyComponent',
data() {
return {}
},
// 添加style標簽
style: `
.container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
p {
font-size: 24px;
color: #333;
}
`
}
</script>

以上代碼中，在Vue組件中添加了style標簽，并在其中編寫了.container和p的CSS樣式。可以看到，樣式的添加方式和普通的HTML頁面是一樣的。

除了使用style標簽，還可以使用CSS文件的方式來添加樣式。在Vue組件中，通過使用style-loader和css-loader來加載css文件，然后使用import引入即可。如下：

// 引入CSS文件
import './style.css'
<template>
<div class="container">
<p>Hello World!</p>
</div>
</template>
<script>
export default {
name: 'MyComponent',
data() {
return {}
}
}
</script>

以上代碼中，通過import引入了style.css文件，并在組件中使用了.container和p的CSS樣式。需要注意的是，在使用CSS文件的方式時，需要先安裝style-loader和css-loader依賴包。

總結來說，Vue的CSS樣式添加方式和普通的HTML頁面是一樣的。可以使用style標簽或CSS文件的方式來添加CSS樣式。需要根據具體的需求選擇添加方式，方便快捷地構建Vue組件。