在Vue中，有時候我們會遇到需要刷新CSS樣式的情況。比如我們修改了樣式文件，但是網頁并沒有更新，這時候就需要手動刷新樣式。

通常情況下，我們可以使用以下方法來解決這個問題：

<template>
<div class="test">這是一個測試</div>
</template>
<style scoped>
.test {
color: red;
}
</style>

當我們修改了樣式文件中的color屬性，發現頁面并沒有更新。這時候，我們可以使用以下方法進行刷新：

methods: {
refreshStyle() {
setTimeout(() =>{
let head = document.getElementsByTagName('head')[0];
let link = document.createElement('link');
link.rel = 'stylesheet';
link.href = '/static/css/app.xxx.css'; //修改成你的CSS文件路徑
head.removeChild(document.getElementsByTagName('link')[0]);
head.appendChild(link);
console.log('refreshed');
}, 200);
}
}

在這個方法中，我們首先獲取了head標簽，然后創建了一個新的link標簽，并設置rel屬性為stylesheet，并把href屬性設置為我們需要刷新的CSS文件路徑。然后我們刪除了head中原來的link標簽，并把新的link標簽添加到head標簽中。最后，我們通過控制臺輸出了'refreshed'，表示樣式已經刷新完成。

最后，我們可以在需要刷新樣式的地方調用refreshStyle方法：

<template>
<div class="test">這是一個測試</div>
<button @click="refreshStyle">刷新樣式</button>
</template>
<style scoped>
.test {
color: red;
}
</style>

以上就是在Vue中刷新CSS樣式的方法，希望對大家有所幫助！