在Vue中，我們經常需要對組件的樣式進行修改，通常情況下我們采用全局樣式的方式來修改組件樣式。但是全局樣式的問題在于如果多個組件之間樣式相同，修改其中一個組件樣式會影響到其他組件的樣式，這就導致了組件之間的耦合度很高，缺少靈活性。因此，Vue提供了局部樣式的書寫方式，讓我們可以針對組件自己的樣式進行修改，同時又不會影響到其他組件的樣式，從而提高組件的可復用性，并且可以避免樣式沖突的問題。

Vue中的局部樣式主要通過一個scoped屬性來實現，只需要在style標簽中加入scoped屬性就可以讓樣式只作用于當前組件內部，而不會作用于全局。這樣就可以避免一個組件的樣式對其他組件的樣式造成影響了。

在上面的代碼中，我們將樣式寫在style標簽內，同時加上了scoped屬性，這樣就可以使樣式只作用于當前組件內部。.

在實際開發中，有些樣式是需要繼承父組件的樣式，或者在子組件當中樣式與父組件樣式產生沖突的情況。這時候我們可以使用>>>或者/deep/選擇器來解決這個問題。

在上面的代碼中，我們使用了::v-deep偽選擇器來解決樣式問題。這個偽選擇器是由Vue提供的，它可以讓樣式穿透到子組件中，從而繼承父組件中的樣式。這樣就可以解決子組件和父組件樣式沖突的問題了。

Vue中的局部樣式書寫方式給我們帶來了很多優勢，我們可以采用靈活的方式編寫樣式，避免出現樣式沖突，還可以提高組件的可復用性。因此，在實際開發中，我們應該更加注重Vue局部樣式的書寫，從而提高代碼質量和開發效率。