在 Vue.js 項目中,可以使用 Vue CLI 來引用 CSS 文件,在項目的 `src` 目錄下創(chuàng)建一個 `assets` 文件夾,用于存放 CSS 文件,在 `assets` 文件夾中創(chuàng)建一個新的 CSS 文件,`style.css`。
在 Vue 組件中引用這個 CSS 文件,可以通過在組件的 `style` 標(biāo)簽中引入 `@import` 語句來實現(xiàn),在 `App.vue` 文件中添加以下代碼:
```html
```
這樣,`style.css` 文件中的樣式就會應(yīng)用到該組件中,注意,CSS 文件中有多個樣式規(guī)則,需要確保它們按照正確的順序排列,以避免樣式?jīng)_突。
還可以在項目的 `main.js` 文件中引入 CSS 文件,通過 `import` 語句引入 CSS 文件后,可以使用 `Vue.use()` 方法將其注冊為全局樣式。
```javascript
import Vue from 'vue';
import 'assets/style.css';
Vue.use(Style);
```
這樣,`style.css` 文件中的樣式就會應(yīng)用到整個項目中,注意,在使用 `Vue.use()` 方法時,需要確保已經(jīng)安裝了相應(yīng)的插件或庫。
在 Vue.js 項目中引用 CSS 文件有多種方式,可以根據(jù)具體需求選擇適合的方法。