Vue 中的 extend 函數(shù)允許我們擴(kuò)展或者重用現(xiàn)有組件，這大大簡(jiǎn)化了我們的工作。Vue 的 extend 函數(shù)比較靈活，可以非常精細(xì)的控制組件的選項(xiàng)。其中，style 選項(xiàng)用于指定組件的樣式。

下面是一個(gè)示例，我們創(chuàng)建了一個(gè)新組件來(lái)擴(kuò)展一個(gè)現(xiàn)有的組件，并設(shè)置了一些自定義的樣式：

Vue.component('my-component', {
template: '
這是我的自定義組件
',
style: {
color: 'red',
fontSize: '20px'
}
})
var extended = Vue.extend({
extends: MyComponent,
style: {
backgroundColor: 'blue'
}
})
new extended({
el: '#app'
})

在上面的代碼中，我們使用 Vue.extend 函數(shù)繼承了 MyComponent ，并設(shè)置了一些自定義樣式。在我們的代碼中使用了三個(gè)不同的樣式：color、font-size 和 background-color。在這個(gè)例子中，我們使用的是 JavaScript 對(duì)象的方式來(lái)設(shè)置樣式。

Vue 提供了許多方法來(lái)設(shè)置組件的樣式，其中包括將樣式直接寫(xiě)在 template 中、使用 CSS 選擇器、通過(guò) class 或 id 等方式。使用 style 選項(xiàng)可以非?？焖俚脑O(shè)置組件的樣式，而且可以很好的保持組件的獨(dú)立性和可重用性。