Vue中的CSS樣式可以使用單文件組件SFC或在.vue文件中代碼中撰寫。然而，在多個Vue組件中加載相同的CSS樣式可能會導致樣式重復加載的問題。

樣式重復加載的影響：
.componet1 .class1 {
color: red;
}
.componet2 .class1 {
color: green;
}

當我們使用兩個組件：componet1和component2，并且兩個組件中都包含class1類，這時候瀏覽器中就會加載兩份class1的樣式，效果會非常奇怪。

為避免這種情況發生，我們可以在.vue文件中使用scoped屬性來限制樣式生效的范圍。

這樣，在component1和component2中使用相同的class1樣式，但是在component1和component2中定義的class1樣式只在對應的組件中使用，避免了重復加載。

另外，還有一個更優雅的方案，使用CSS相關的預處理器，如Sass等。這種方式允許我們將特定的樣式抽取到單獨的文件中，避免重復代碼的出現。

/* common_style.scss */
.class1 {
color: red;
}
/* component1.vue *//* component2.vue */

使用預處理器的好處是避免了class1樣式的冗余和重復，同時也能夠提高代碼的復用度和可維護性。