在Vue中引用CSS，可以使用三種方式：

第一種：在.vue文件中使用標簽嵌入樣式

<template>
<div class="my-class">
<h1>Hello World!</h1>
</div>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
<style>
.my-class {
color: red;
}
</style>

第二種：使用CSS文件

在.vue文件中使用<style>標簽引用CSS文件：

<template>
<div class="my-class">
<h1>Hello World!</h1>
</div>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
<style src="./my-style.css"></style>

注意，引用的樣式文件路徑需要正確，并且需要在webpack配置文件中添加加載css的loader。

第三種：使用@import語句引入CSS文件

<template>
<div class="my-class">
<h1>Hello World!</h1>
</div>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
<style>
@import './my-style.css';
</style>

與第二種方式一樣，需要在webpack配置文件中添加加載css的loader。