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

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

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

2、外部樣式表：在 Vue 組件或應(yīng)用的根元素中添加link 標簽，指向一個外部 CSS 文件。

<link rel="stylesheet" href="path/to/your/styles.css">

3、樣式綁定：使用 Vue 的樣式綁定功能，將 CSS 樣式動態(tài)應(yīng)用到元素上。

<div :style="{ color: activeColor, fontSize: fontSize + 'px' }">這是一段動態(tài)樣式的文本</div>

4、組件樣式：在 Vue 組件中定義樣式，通過style 選項直接提供組件的樣式。

export default {
  name: 'MyComponent',
  style: `
    div {
      color: red;
      font-size: 20px;
    }
  `
}

5、全局樣式：在 Vue 應(yīng)用的主入口文件（通常是main.js 或app.js）中導(dǎo)入一個全局 CSS 文件。

import 'path/to/your/styles.css';

6、動態(tài)樣式：使用 Vue 的動態(tài)樣式功能，根據(jù)組件的狀態(tài)或?qū)傩詣討B(tài)生成樣式。

export default {
  name: 'MyComponent',
  data() {
    return {
      active: true,
      fontSize: 20
    };
  },
  style() {
    return {
      color: this.active ? 'red' : 'blue',
      fontSize:${this.fontSize}px
    };
  }
}

是 Vue.js 中添加 CSS 的幾種常見方法，你可以根據(jù)自己的需求選擇適合的方法。