在Vue中添加CSS的方法有多種，以下是一些常見的做法：

1、內(nèi)聯(lián)樣式：在HTML元素中使用style屬性直接添加CSS樣式。

<div style="color: red;">這是一段紅色的文本</div>

2、外部樣式表：在Vue組件的style標(biāo)簽中引入外部CSS文件。

<style src="path/to/your/styles.css"></style>

3、組件樣式：在Vue組件的style標(biāo)簽中定義組件的樣式。

<style scoped>
  .my-component {
    color: blue;
  }
</style>

4、動(dòng)態(tài)樣式：使用Vue的綁定語法動(dòng)態(tài)地添加樣式。

<div :style="{ color: dynamicColor }">這是一段動(dòng)態(tài)顏色的文本</div>

5、CSS模塊：在Vue中使用CSS模塊來避免樣式?jīng)_突。

<style module="my-styles">
  .red-text {
    color: red;
  }
</style>

6、預(yù)處理器：使用CSS預(yù)處理器（如Sass、Less等）來擴(kuò)展CSS功能。

<style lang="scss">
  $color: red;
  .text {
    color: $color;
  }
</style>

這些方法可以根據(jù)你的具體需求選擇使用，也可以結(jié)合使用以實(shí)現(xiàn)更豐富的樣式效果。