最近公司在做一個項目，使用的框架是iview,使用過程中同事遇到一些問題，這些問題對于有些同學來說根本就不是問題，但總會有同學需要，為了幫助不太會用的同學快速找到問題，做了如下整理：
下載vue,iview.min.js,iview.css包并引入：
（注意：也可以使用尾部鏈接進行引用，但是這樣的話，當遇到突然沒有網的時候，頁面樣式會出現問題，所以我認為最好是下載壓縮文件，在項目中引用比較好，另如果需要使用圖標，必須下載fonts文件與iview.css放在同一個文件夾下面，但不需要在html代碼中引入）
<link rel="stylesheet" type="text/css" href="../../css/iview.css">
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/iview.min.js"></script>
css文件
js文件
重點：
有很多同學不細心，沒有注意到它文檔的提示，導致出現一些問題：
文章提示
一定要注意這句話，有很多組件在原生html模式下是不能使用的。
單有些組件的文檔里面沒有提示這句話，也不能使用，那么我將對組件做一些整理，一下內容都是在非template/render模式下需要特殊使用的組件：
1.按鈕 i-button
2.圖標：
圖標后面直接跟文字，則會顯示不出來文字內容：
<Icon type="ios-checkmark" />文字 可以這樣修改：
<Icon type="ios-checkmark"></Icon>文字 3.柵格：
i-col 4.導航菜單：
i-menu 5.標簽頁：
tabs tab-pane 6.下拉菜單：
dropdown-menu dropdown-item 7.面包屑：
Breadcrumb-item 8.錨點：
Anchor-link 9.輸入框：
i-input 10.開關：
i-switch 11.表格：
i-table 11.選擇器：
i-select i-option 12.日期時間：
Date-picker Time-picker 以上不是全部的特殊使用的組件，但基本可以看出主要是兩種形式：
一種是i-**（如：i-table），另一種是拆詞（如：Date-picker）
? 著作權歸作者所有,轉載或內容合作請聯系作者
喜歡的朋友記得點贊、收藏、關注哦！！！
