Vue City Picker 是一款基于Vue.js的城市選擇組件，它可用于實現省市區三級聯動選擇，同時支持手動輸入查詢及清除已選數據等功能。此外，該組件具有可定制化的地區數據和樣式，且易于集成到各種前端項目中。

要使用Vue City Picker，首先需要在項目中安裝vue和city-picker組件。在Vue項目中，可以通過以下命令安裝：

npm install vue-city-picker --save

安裝完畢后，可以在項目中引入city-picker組件，具體的代碼如下：

// 在main.js文件中引入Vue和city-picker組件
import Vue from 'vue'
import CityPicker from 'vue-city-picker'
// 注冊city-picker組件
Vue.component('city-picker', CityPicker)

在引入組件后，就可以在Vue組件中直接使用city-picker組件了。以下是一個簡單的示例代碼：

在上面的代碼中，我們使用了v-model綁定了selectedCity變量，這樣當用戶選擇省市區后，selectedCity變量的值就會被自動更新。此外，如果想要設置默認值，可以在data函數中設置selectedCity變量的初始值。

除了基本的使用方法外，Vue City Picker還提供了一些其他的可定制化選項。例如，通過設置showSearch屬性，可以讓用戶手動輸入進行查詢。以下是一個示例代碼：

此外，Vue City Picker還提供了其他細節的設置，例如可以設置placeholder屬性來顯示輸入框的提示文字，可以設置default-code屬性來設置默認地區碼，可以通過on-change事件來監聽選擇結果的變化等等。具體使用方法可以參照組件的文檔。

總而言之，Vue City Picker是一款功能強大且易用的省市區選擇組件，它具有良好的可定制化選項和易于集成的特點，非常適合在各種Vue前端項目中使用。