iView 是一個基于 Vue 的 UI 界面庫，包含了完整的組件集合，可以幫助我們在開發過程中更加便利地管理和布局界面。在使用 iView 之前，我們需要先安裝和配置好 Vue。

首先，需要在項目中安裝 iView，可以通過 npm install iview --save-dev 命令進行安裝。

npm install iview --save-dev

部分組件引入

在組件中按如下方式引入需要使用的組件

import {Button} from 'iview';

完整的導入，如果想要使用的是 iView 所有的組件，可以通過如下方式導入：

import iView from 'iview';
import 'iview/dist/styles/iview.css';
Vue.use(iView);

組件按需加載

IVIEW提供了按需引入iview組件的方案，只需要一個個單獨引入iview組件即可。

import {Affix} from 'iview/dist/iview.js';
import 'iview/dist/styles/iview.css';
export default {
components: {
'Affix': Affix
}
}

引入CSS

在使用 iView 的組件之前，需要先引入 iView 的默認樣式文件，可以通過以下命令引入：

import 'iview/dist/styles/iview.css';

若想要修改主題顏色，可以通過 iview-theme 去修改樣式，首先安裝 iview-theme:

npm install iview-theme -D

安裝完成后，在 package.json 中添加如下代碼：

"scripts": {
"theme": "iview-theme"
}

然后在命令行執行：

npm run theme

此時會彈出一個界面并要求我們選擇需要修改的主題和顏色，選擇完成后界面會自動下載主題包，只需要將下載好的主題文件放到 src/assets/theme 文件夾下，然后修改 main.js 文件即可生效：

import 'iview/dist/styles/iview.css';
import '@/assets/theme/index.less';

以上就是關于如何使用 iView 的介紹。iView 提供了非常豐富且實用的組件，可以大大提高我們的開發效率，值得我們學習和使用。