在Vue開發過程中，我們可能會遇到Vue組件中的樣式文件（.css）無法高亮顯示的問題。這個問題的原因是因為Vue默認的語法高亮工具并不支持.vue文件中的style標簽中的CSS代碼。 為了解決這個問題，我們需要安裝Vue的語法高亮插件，比如VSCode的Vetur插件。安裝好插件后，我們可以在.vue文件中正常寫CSS，不再出現無法高亮的情況。 但是，如果您使用的是其它開發工具，或者不想安裝插件的情況下，怎么辦呢？ 可以使用CSS-in-JS這種方式來解決這個問題。CSS-in-JS是指使用JavaScript來生成CSS樣式的技術，可以實現樣式的高亮顯示。 例如，在Vue組件中，我們可以使用樣式對象的方式來定義CSS樣式：

<template>
<div :style="styles">
...
</div>
</template>
<script>
export default {
name: 'SampleComponent',
data() {
return {
styles: {
'background-color': '#fff',
'color': '#000',
'font-size': '16px'
}
}
}
}
</script>

這種方式雖然不同于傳統的CSS文件，但可以幫助我們解決樣式高亮不顯示的問題。 總體來說，如果您遇到了Vue中CSS樣式不高亮的問題，可以嘗試安裝Vue的語法高亮插件，或者使用CSS-in-JS等方式來解決問題。