Vue.js 是一款流行的前端框架，許多開發者喜歡使用它開發 Web 應用程序。它提供了許多構建現代網站和應用程序所需的工具和功能。其中，Vue 常用 UI 套件是開發過程中經常使用的一項功能。

以下是一些常用的 Vue UI 套件：

import Vue from "vue";
import { 
Button, 
Select, 
Slider,
Modal, 
Drawer, 
Alert, 
Table, 
Pagination 
} from 'iview';
// 注冊組件
Vue.component('Button', Button);
Vue.component('Select', Select);
Vue.component('Slider', Slider);
Vue.component('Modal', Modal);
Vue.component('Drawer', Drawer);
Vue.component('Alert', Alert);
Vue.component('Table', Table);
Vue.component('Pagination', Pagination);
// 使用示例
new Vue({
el: '#app',
data: {
visible: false
},
methods: {
showModal() {
this.visible = true;
},
hideModal() {
this.visible = false;
}
},
template: `
顯示 Modal
這里是 Modal 內容
`
});

上面的代碼演示了如何在 Vue.js 中使用 iView UI 套件。我們首先將 iView 導入到項目中，然后可以注冊不同的組件以供使用。這個示例展示了如何使用 Modal 組件創建一個模態框，用戶可以在里面進行一些操作，比如選擇數據或填寫表單。

在 Vue 項目中使用 UI 組件庫可以大大減少開發時間，因為許多常見的 UI 元素都已經被封裝成了組件。這些組件也已經過了測試和優化，可以在許多不同的應用程序中使用。