Vue.js 是一個流行的 JavaScript 前端框架，它的設計理念是組件化，即把應用程序劃分為獨立的部件，每個部件由 HTML、CSS 和 JavaScript 組成。Vue.js 的一個主要特點就是組件復用，它允許我們在應用程序中重用組件，提高應用程序的開發效率。

Vue.js 的組件復用是通過 mixin 實現的。Mixin 是一種在多個組件中重用邏輯的方式，我們可以把多個組件中共有的代碼抽象出來放在一個 mixin 中，然后在需要使用的組件中引入這個 mixin。示例代碼如下：

var myMixin = {
created: function() {
console.log('Mixin created')
}
}
var vm = new Vue({
el: '#app',
mixins: [myMixin],
created: function() {
console.log('Component created')
}
})

上述代碼中，我們定義了一個名為 myMixin 的 mixin，在其中定義了 created 鉤子函數，當組件被創建時，會打印“Mixin created”信息。我們在 vm 實例的 mixins 選項中引入了 myMixin，所以在組件 vm 被創建時，也會打印“Mixin created”信息。

除了 mixin，Vue.js 還提供了其他幾種組件復用的方式。例如，在一個根組件中注冊一個全局組件，就可以在其他任意組件中使用。示例代碼如下：

Vue.component('my-component', {
template: '
This is a global component.
'
})
var vm = new Vue({
el: '#app',
template: ''
})

上述代碼中，我們通過 Vue.component 方法注冊了一個名為 my-component 的全局組件。在 vm 實例中，我們將模板元素綁定到 my-component 組件上，這樣就可以在應用程序中任意使用。

除此之外，Vue.js 還提供了動態組件、插件、混入等多種方式實現組件復用。我們可以根據實際需求，選擇其中適合的方式來實現組件復用，提高應用程序的開發效率和維護性。