在Web開發中，公共樣式是我們經常需要使用的，可以幫助我們避免重復編寫相同的樣式，提高代碼復用性。當然，Vue作為一款流行的前端框架，也可以通過封裝公共樣式來優化代碼結構。

Vue提供了多種方式來封裝公共樣式，其中比較常見的是全局樣式和組件樣式。

全局樣式是指在整個應用程序中都可以使用的樣式。在Vue中，可以通過在App.vue中引入全局樣式表的方式來實現：

<style>
@import "assets/css/global.css";
</style>

在此例中，我們假設全局樣式表存儲在assets/css/global.css文件中。引入后，即可在整個應用程序中使用該樣式。

需要注意的是，在App.vue中引入的樣式優先級較高，可以覆蓋其他組件中的相同樣式。因此，如果希望全局樣式不被其他組件所覆蓋，可以在全局樣式表中使用較高的優先級來解決。

組件樣式是指僅在某個特定組件中使用的樣式。在Vue中，可以將樣式寫入單獨的style標簽或者使用scoped屬性來限定樣式作用域。以下是兩種實現方式的示例：

<template>
<div>
<p class="title">{{ message }}</p>
<p class="content">{{ content }}</p>
</div>
</template>
<style scoped>
.title {
font-size: 24px;
}
.content {
font-size: 18px;
}
</style>

在以上示例中，我們定義了一個組件，并且使用了scoped屬性來指定樣式僅在該組件內部起作用。這樣可以避免組件中的樣式影響其他組件的情況發生。

除了以上兩種方式之外，Vue還提供了mixin、樣式變量等方式來封裝公共樣式。根據實際需求，我們可以選擇不同的方式來實現。

總之，在Vue中封裝公共樣式可以帶來多種好處，例如提高代碼復用性、優化代碼結構、提高開發效率等。因此，對于大多數應用程序而言，使用Vue來封裝公共樣式是非常值得推薦的。