在Vue中引入CSS有多種方式，以下是一些常見的方法：

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

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

2、外部樣式表：通過<link>標(biāo)簽引入外部CSS文件。

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

3、組件樣式：在Vue組件中定義樣式。

export default {
  name: 'MyComponent',
  template: `
    <div class="my-component">
      這是一段組件內(nèi)部的文本
    </div>
  `,
  style: `
    .my-component {
      color: blue;
    }
  `
}

4、動態(tài)樣式：使用JavaScript動態(tài)生成樣式。

data() {
  return {
    color: 'green'
  }
},
mounted() {
  let element = document.querySelector('.dynamic-color');
  element.style.color = this.color;
}

在模板中引用：

<div class="dynamic-color">這是一段動態(tài)顏色的文本</div>

5、預(yù)處理器：使用Sass、Less等CSS預(yù)處理器，在Vue中編寫更***的樣式，使用Sass：

import Vue from 'vue';
import Sass from 'sass';
Vue.use(Sass);

在組件中編寫Sass樣式：

export default {
  name: 'MyComponent',
  template: `
    <div class="my-component">
      這是一段組件內(nèi)部的文本
    </div>
  `,
  style: `
    .my-component {
      color: blue;
      @media (max-width: 600px) {
        color: red;
      }
    }
  `
}

是在Vue中引入CSS的幾種常見方法，你可以根據(jù)自己的需求選擇適合的方式。