Leeds Vue是一個基于Vue.js的開源UI組件庫。它提供了各種常用組件，包括按鈕、表單、彈出框、導航欄等等，可以通過簡單的引入就可以使用。下面我們來看一下如何在我們的項目中使用這個組件庫。

首先，我們需要在項目中安裝Leeds Vue。可以通過npm或yarn來安裝，在命令行中輸入以下命令：

npm install leeds-vue --save
或
yarn add leeds-vue

在安裝完成后，我們需要引入Leeds Vue。在項目中的main.js文件中添加以下代碼：

import Vue from 'vue'
import App from './App.vue'
import LeedsVue from 'leeds-vue'
import 'leeds-vue/dist/leeds-vue.css'
Vue.use(LeedsVue)
new Vue({
render: h =>h(App)
}).$mount('#app')

這里我們首先引入了Vue和我們的App.vue文件，然后引入了Leeds Vue和樣式。接著我們使用Vue.use()來將Leeds Vue添加到Vue實例中。最后我們創建一個Vue實例并將它掛載到頁面上。

現在我們就可以在我們的項目中使用Leeds Vue了。比如，我們可以使用它的按鈕組件：

<template>
<div>
<ld-button>按鈕</ld-button>
</div>
</template>
<script>
export default {
name: 'App'
}
</script>

這個例子中，我們引入了按鈕組件并將它放在了一個div中。這里的ld-button就是我們剛才添加到Vue實例中的組件。在網頁中運行這個例子，我們就可以看到一個漂亮的按鈕了。

除了按鈕組件，Leeds Vue還提供了很多其他的組件，使用方法都差不多。如果你感興趣，可以去官網看看它提供了哪些組件。