Vue是一種使用廣泛的JavaScript框架，它被廣泛用于構(gòu)建SPA（單頁(yè)應(yīng)用程序）。在Vue中，我們經(jīng)常需要重用組件，這是Vue的重要特性之一。Vue提供了多種方式來實(shí)現(xiàn)組件重用，其中最流行的是mixin和extend。

Mixins是一種將一些屬性和方法添加到Vue組件中的方法。它可以將多個(gè)組件共有的屬性和方法提取到一個(gè)單獨(dú)的對(duì)象中，然后將該對(duì)象混合到多個(gè)組件中。這使得我們可以在不重復(fù)編寫相同代碼的情況下實(shí)現(xiàn)組件的重用。下面是一個(gè)簡(jiǎn)單的示例：

// 定義一個(gè)mixin對(duì)象
var myMixin = {
created: function () {
console.log('mixin鉤子被調(diào)用')
}
}
// 定義一個(gè)組件并混入myMixin對(duì)象
Vue.component('my-component', {
mixins: [myMixin],
created: function () {
console.log('組件鉤子被調(diào)用')
}
})

在上面的代碼中，我們定義了一個(gè)myMixin對(duì)象，它包含一個(gè)created鉤子函數(shù)。然后，我們定義一個(gè)名為my-component的組件，并在mixins屬性中混入myMixin對(duì)象。這樣，myMixin對(duì)象中的created鉤子函數(shù)就會(huì)被調(diào)用。

除了Mixin外，Vue還提供了一個(gè)extend方法，用于創(chuàng)建一個(gè)新的Vue子類。我們可以將一些共有的屬性和方法添加到該子類中，并將其作為組件使用。下面是一個(gè)示例：

// 定義一個(gè)組件構(gòu)造函數(shù)
var MyComponent = Vue.extend({
created: function () {
console.log('組件鉤子被調(diào)用')
}
})
// 創(chuàng)建一個(gè)名為my-component的組件
var myComponent = new MyComponent()

在上面的代碼中，我們定義了一個(gè)名為MyComponent的組件構(gòu)造函數(shù)，并將一個(gè)created鉤子函數(shù)添加到該組件中。然后，我們使用Vue.extend方法將MyComponent轉(zhuǎn)換為一個(gè)新的Vue子類，并使用該子類實(shí)例化一個(gè)名為my-component的組件。