Vue中的CSS是一件非常重要的事情，因為CSS是用來控制頁面樣式的。在Vue中，我們可以使用很多不同的CSS方法和技巧，來控制我們的頁面樣式，讓它看上去更加美觀和專業。

首先，在Vue中使用CSS的方法和普通的HTML頁面并沒有什么不同。我們可以使用內聯樣式、內部樣式和外部樣式表來定義我們的CSS規則。以下是一個使用內聯樣式的Vue組件示例：

<template>
<div :style="{color: textColor, backgroundColor: bgColor}">
這是一個使用內聯樣式的Vue組件
</div>
</template>
<script>
export default {
data() {
return {
textColor: 'red',
bgColor: 'yellow'
}
}
}
</script>
<style scoped>
div {
font-size: 24px;
}
</style>

接下來，我們可以使用內部樣式或外部樣式表來引用一個CSS文件，以便全局定義一些CSS規則。以下是一個使用內部樣式的Vue組件示例：

<template>
<div class="styled-div">
這是一個使用內部樣式的Vue組件
</div>
</template>
<script>
export default {}
</script>
<style scoped>
.styled-div {
color: blue;
background-color: gray;
font-size: 24px;
}
</style>

最后，我們還可以使用CSS預處理器來幫助我們更加方便地編寫CSS代碼。Vue中支持的預處理器有Sass、Less和Stylus。以下是一個使用Sass預處理器的Vue組件示例：

<template>
<div class="sass-div">
這是一個使用Sass預處理器的Vue組件
</div>
</template>
<script>
export default {}
</script>
<style lang="sass" scoped>
$some-color: red;
.sass-div {
color: $some-color;
background-color: gray;
font-size: 24px;
}
</style>

總之，Vue中的CSS是非常重要的，我們需要學習和掌握各種不同的CSS技巧和方法，來幫助我們更加方便地編寫高質量、美觀的頁面。