iview與element都是與vue配合使用的ui框架责掏，用法與配置基本一致换衬，在此瞳浦，我以iview為例废士，教你如何起步。
*首先矗蕊，你需要有一定的vue基礎(chǔ)氢架，如果你還是個小白，可以去我之前介紹如何搭建一個vue項目先看看卿操，點(diǎn)擊下面的鏈接就OK了
http://www.reibang.com/p/866999e513ef
vue.js使用vue-cli搭建...
1.安裝
安裝：方式有倆種
[1]:CDN 引入
<!-- 引入css樣式 -->
<link rel="stylesheet" >
<!-- 引入組件庫 -->
<script src="http://unpkg.com/iview/dist/iview.min.js"></script>
[2]:npm安裝
這種方式是一般實(shí)際開發(fā)所用的方式害淤，所以如果你剛開始窥摄，我還是比較推薦這個础淤，下面是安裝以及引入的詳細(xì)流程
2.npm安裝
在你的項目路徑下執(zhí)行命令
$ npm install iview --save ---安裝ui框架文件
安裝成功后，就可以在項目文件下的 node_modules文件下看見iview文件
ok,如果你看見iview文件移国，你已經(jīng)安裝成功了
3.在你引入的項目的main.js文件進(jìn)行配置
在你的main.js輸入以下代碼，引入iview
import iView from 'iview';
import 'iview/dist/styles/iview.css'; ---引入其css
當(dāng)然迹缀，還有必不可少的一部蜜徽，在vue的機(jī)制下拘鞋，我們必須對其進(jìn)行全局引用
Vue.use(iView);
4.使用ui組件盆色，展示 效果
完成以上步驟后祟剔，就好辦啦，進(jìn)入iview官網(wǎng)宣旱，將你需要的ui組件copy下來paste入你的頁面就ok啦
<Button type="success" long>確認(rèn)提交</Button>
<br><br>
<Button type="error" long>確認(rèn)刪除</Button>
比如我在官網(wǎng)copy下來倆個按鈕的code叛薯，放置在我的頁面
如果你的頁面和上門的圖片一樣耗溜，出現(xiàn)iview的button組件，恭喜你忿项，已經(jīng)成功安裝并引用了
5.建議
以上內(nèi)容只是為了幫助初學(xué)者進(jìn)行簡單的起步轩触，在實(shí)際開發(fā)中家夺，其實(shí)會有很多的坑與問題，畢竟實(shí)戰(zhàn)的環(huán)境更為復(fù)雜榨为，so煌茴，我建議大家遇到問題還是要多看看api，當(dāng)然矩乐，也要多余我交流哦。_,如果我的文字對你有用分歇，記得點(diǎn)心關(guān)注我欧漱，給一點(diǎn)點(diǎn)動力支撐。
再附上一個工作之余做的小demo缚甩，高仿餓了么app蹄胰，如果你有興趣奕翔，在里面可以和我交流更多的東西，demo實(shí)現(xiàn)了vue-router,vue-resource,還有組件的復(fù)用宾袜，vue的動畫實(shí)現(xiàn)驾窟，better-scroll實(shí)現(xiàn)聯(lián)動效果等等等，實(shí)現(xiàn)一些更接近實(shí)戰(zhàn)的效果月培，而且恩急，我會在工作之余進(jìn)行不斷的優(yōu)化，實(shí)現(xiàn)更多的效果此叠，點(diǎn)擊下面的鏈接就好啦
https://github.com/PaiDaXingSWK/elema.git
點(diǎn)我進(jìn)入demo
