Vue提供了一種方便的方式來定義可復用的組件。我們可以使用Vue組件系統的一個重要特性 - export component，將組件的定義從Vue實例中提取出來，以便在其他地方進行重復使用。此外，當我們使用export component定義一個組件時，可以為其提供一些基本的屬性和方法。

下面是一個基本的Vue export component示例：

Vue.component('my-component', {
data: function () {
return {
counter: 0
}
},
template: '{{ counter }}'
})
export default {
components: {
'my-component': require('./components/MyComponent.vue')
}
}

在上面的代碼中，我們首先使用Vue.component定義一個名為my-component的組件。組件中定義了一個數據屬性counter和一個模板。當按鈕被點擊時，counter的值會自動增加。接下來，我們使用export default來定義一個包含my-component組件的對象。這個對象中的components屬性是一個對象，它包含了我們需要引用的組件。

當我們需要在其他組件中使用my-component時，只需導入這個對象即可。

<template>
<div>
<my-component></my-component>
</div>
</template>
<script>
import MyComponents from './MyComponents.js'
export default {
components: {
MyComponent: MyComponents.components['my-component']
}
}
</script>

通過使用export component，我們可以輕松地定義和使用任意數量的組件，并且可以方便地在不同的項目中共享它們。同時，Vue的組件系統也能夠非常好地保持代碼的可維護性和可擴展性。