在Vue文件中引用CSS有多种方法，主要包括以下三种：1、使用内联样式；2、在单文件组件中使用 <style> 标签；3、在全局引入CSS文件。这些方法可以帮助你根据项目需求灵活地管理和应用CSS样式。下面将详细介绍每种方法的使用方式和优劣点。
一、使用内联样式
内联样式是将CSS规则直接写在HTML元素的style属性中。这种方法适用于简单的样式调整，尤其是在样式只影响单个元素时。
示例：
<template>
<div :style="{ color: 'red', fontSize: '20px' }">
这是一个红色的文本
</div>
</template>
优点：
- 方便快捷，适用于临时性样式调整。
- 不需要额外的CSS文件或标签。
缺点：
- 不适用于复杂的样式规则。
- 难以维护和复用。