iView：一套基於Vue的高質量UI組件庫

基於Vue的UI組件庫如今已經有不少了，尤爲是移動端的。如今又多了一個 iView 。

先睹爲快

iView 主要服務於PC界面的中後臺業務，是一套高質量的開源UI組件庫，先上地址：

github.com/iview/iview

官網是：

www.iviewui.com/

特性

• 使用單文件的Vue組件化開發模式
• 基於 npm + webpack + babel 開發，支持 ES2015
• 高質量、功能豐富
• 友好的 API ，自由靈活地使用空間
• 詳細、友好的文檔，事無鉅細

計劃

目前版本是 npm v0.9.2，下圖爲1.x的計劃：

使用

安裝

$ npm install iview --save複製代碼

示例（分頁組件）

<template>
    <Page :current="1" :total="100"></Page>
</template>
<script>
    import { Page } from 'iview';
    export default {
        components: { Page }
    }
</script>
複製代碼

使用css

import 'iview/dist/styles/iview.css';
複製代碼

效果：

後續計劃

iView 會持續輸出高質量的組件，並後續推出自定義皮膚、套件的服務。

若是您想貢獻代碼，請 fork 後提交 PR，開發規範見：

www.iviewui.com/docs/guide/…

組件截圖