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

1、內(nèi)聯(lián)樣式：在組件的style屬性中直接定義樣式。

<template>
  <div style="color: red;">Hello World</div>
</template>

2、組件樣式：在組件的style屬性中使用scoped關(guān)鍵字，為組件定義私有樣式。

<template>
  <div>Hello World</div>
</template>
<style scoped>
  div {
    color: red;
  }
</style>

3、全局樣式：在項(xiàng)目的assets文件夾中創(chuàng)建css文件，并在main.js中引入。

import '@/assets/css/main.css';

4、使用CSS預(yù)處理器：如Sass、Less等，可以在組件的style屬性中使用這些預(yù)處理器來編寫更復(fù)雜的樣式。

<template>
  <div class="hello-world"></div>
</template>
<style lang="scss">
  .hello-world {
    color: red;
    @include some-mixin; // 使用Sass的混入功能
  }
</style>

5、動(dòng)態(tài)樣式：使用JavaScript動(dòng)態(tài)生成樣式。

export default {
  data() {
    return {
      color: 'red'
    };
  },
  mounted() {
    const style = document.createElement('style');
    style.innerHTML =div { color: ${this.color; } };
    document.head.appendChild(style);
  }
}

是一些常見的引用CSS的方法，你可以根據(jù)自己的需求選擇適合的方式。