如何在Vue中外部引入CSS文件

在Vue中，外部引入CSS文件有多種方式，以下是三種常見的方法：

1. 使用全局CSS文件

在Vue項目的根目錄下，創(chuàng)建一個全局CSS文件，global.css`，在`main.js`文件中引入該文件：

```javascript

import Vue from 'vue';

import App from './App.vue';

import 'global.css'; // 引入全局CSS文件

new Vue({

render: h => h(App),

});

```

這樣，全局CSS文件就會對Vue項目中的所有組件生效。

2. 使用組件級CSS文件

在Vue項目的組件目錄下，創(chuàng)建一個組件級CSS文件，Component.css`，在組件的`style`標簽中引入該文件：

```vue

```

這樣，組件級CSS文件就會對當前的組件生效。

3. 使用單文件組件CSS塊

在Vue項目的單文件組件中，可以直接使用`

```

這樣，外部CSS文件就會對當前的單文件組件生效。