Vue框架可以幫助我們更好地構(gòu)建前端界面，而CSS樣式則是設(shè)計界面必不可少的一部分。在Vue應(yīng)用中，我們可以通過配置全局CSS來使CSS樣式在整個應(yīng)用中生效。

首先，在Vue項目中，我們可以通過在main.js中引入CSS文件來配置全局CSS。例如，我們可以在main.js的文件中這樣寫：

import './assets/css/global.css'

這樣，我們就可以在Vue應(yīng)用的任何組件中使用global.css中的樣式了。

但是有一種情況需要注意，如果我們在某個組件中使用了scoped CSS，那么該組件將不會應(yīng)用全局CSS。因為scoped CSS只作用于當(dāng)前組件的HTML元素，它的樣式不會泄漏到父組件或子組件中。

因此，如果你想要在scoped CSS中使用全局CSS，你需要使用一些額外的技巧，比如在scoped CSS的規(guī)則中使用/deep/或>>>來穿透作用域，將全局CSS應(yīng)用到當(dāng)前組件中。下面是一個例子：

<template scoped>
<div class="container">
<p class="global">全局CSS樣式</p>
<p class="local">局部CSS樣式</p>
</div>
</template>
<style scoped>
.container /deep/ .global {
color: red;
}
.local {
color: blue;
}
</style>

上面這個例子中，我們通過/deep/選擇器來獲取全局CSS樣式，并將其應(yīng)用到.container中的.global樣式規(guī)則中。這樣，就可以在scoped CSS中使用全局CSS了。