Vue Compass是一個基于Vue.js的開源組件庫，提供了一系列優雅美觀的UI組件，可以幫助開發者快速搭建Web應用的前端頁面。Vue Compass的另一個特點就是支持按需引入組件，這意味著只要引入需要的組件，就可以大幅度減少打包后的文件大小。

要使用Vue Compass，首先需要安裝它。可以通過npm來安裝：

npm install vue-compass --save

安裝完成后，可以在項目中使用Vue Compass提供的各種UI組件。例如，要使用按鈕組件，就可以這樣：

<template>
<div>
<compass-button>點擊我</compass-button>
</div>
</template>
<script>
import { Button } from 'vue-compass';
export default {
components: {
CompassButton: Button
}
}
</script>

上面的代碼中，我們首先引入了Vue Compass提供的Button組件。然后在組件的components屬性中，注冊了一個名為CompassButton的組件，這樣就可以在模板中使用了。

除了Button組件，Vue Compass還提供了很多其他的組件，例如Modal（彈窗）、Switch（開關）以及Icon（圖標）等。要使用這些組件，只需要按照上面的方式引入即可。

綜上所述，Vue Compass是一個非常好用的UI組件庫，無論是新手還是老手，都可以很容易地上手使用。如果你正在做Vue.js的項目，不妨嘗試一下Vue Compass吧！