在Vue开发中，我们经常需要引入CSS文件来美化网页样式。那么如何在Vue中引用CSS文件呢？下面我们来详细了解一下。
首先，在Vue中引入CSS文件有两种方式，一种是全局引入，一种是局部引入。全局引入指的是该CSS文件会对所有组件生效，而局部引入则只会对当前组件生效。
全局引入的方式是在main.js中引入CSS文件，比如：
`import './assets/css/main.css'`
这样就可以在所有组件中使用main.css样式文件了。不过需要注意的是，全局引入的CSS文件可能会对组件样式造成冲突，尤其是在大型项目中使用时。
而局部引入CSS文件，则需要在组件内使用
```
如上代码所示，我们先在style标签中用@import语句引入了一个CSS文件my-component.css，然后使用了一个局部的h1样式，将字体颜色设置为红色。
需要注意的是，这里的