在Vue中，樣式就是組件中的一個屬性。樣式可以在組件的template中直接寫入，也可以用style標簽包含，也可以用CSS文件。在Vue中，通過使用vue-style-loader和css-loader加載CSS，組件可以使用既有的和scoped兩種CSS模式控制樣式。

在Vue中，我們可以通過調節頁面來實現對CSS樣式的適當修改。首先，需要創建一個Vue實例，這個Vue實例需要沒有el選項，因為我們不需要渲染任何HTML。之后，在mounted()函數中，可以將我們想要的樣式改動寫成Vue代碼。下面是一個示例：

Vue.component('my-component', {
template: '
Hello World
',
mounted: function () {
this.$nextTick(function () {
this.$el.classList.remove('my-class')
this.$el.classList.add('new-class')
})
}
})

在這個示例中，我們創建一個組件，在mounted()函數中用this.$el來引用DOM元素，并調整它的類名使得樣式發生變化。這個示例中，元素的class從"my-class"變為"new-class"。Vue組件的樣式調節基于以上這些機制。

如果只是一些輕微調整，我們也可以用CSS Modules方式，在Vue代碼中引用CSS模塊。

在這個示例中，我們用了style標簽來定義CSS模塊，然后用:class綁定來使用它。注意，class綁定是一個計算屬性，根據Vue實例上的data，當Vue實例發生變化時，此計算也會更新。所以，這種方式可以讓我們只對Vue實例內部做出調節，而不對其他組件造成影響。

如果你需要全局添加CSS，可以使用Vue的插件來實現這個目標。一個Vue插件就是一個帶有install方法的JS對象。它通過Vue.use()方法來引用并安裝到Vue，從而達到添加全局CSS樣式的目的。有很多這樣的插件，可以輕松在Vue中集成第三方庫。

總之，Vue通過以上幾種方式可以讓我們寫出高效、漂亮、優雅的Web應用，使得調節頁面和樣式變得更加簡單，給開發帶來了極大的便利。