之前項目中一直使用jQuery+bootstrap，使用VueCLI3.0之後接觸了iview，自此抛棄了jQuery+bootstrap的組合，iview是純vue寫的，非常的适合在VueCLI3.0中使用，下面将介紹VueCLI3.0內建iview的使用方法，和一些實用技巧。
概念介紹
VueCLI3.0是vue的腳手架工具，可以快速的搭建項目原型，是一款非常好用的vue工具，內建衆多前端元件包括：vue、vuex、vue-router、webPack等，俗稱為vue全家桶。
iview是一套基于vue.js的高品質UI元件庫，主要服務于 PC 界面的中背景産品。
特點：
豐富的元件和功能，滿足絕大部分網站場景
提供開箱即用的 Admin 系統 和 高階元件庫，極大程度節省開發成本
友好的 API ，自由靈活地使用空間
細緻、漂亮的 UI
詳細的文檔
可自定義主題
誰在使用：
阿裡巴巴
百度
騰訊
今日頭條
京東
滴滴出行
美團
新浪
聯想
科大訊飛
引入View UI插件
1.Npm安裝view ui
$ npm install view-design –save
也可以利用VueCLI3.0提供的可視化配置界面，直接在插件中搜尋iview，安裝後即可使用。
2.main.js中引入插件
一般在webPack入口檔案，main.js中配置如下：
import ViewUI from 'view-design';import 'view-design/dist/styles/iview.css';Vue.use(ViewUI);
也可以按需要引入，這樣打包時可以縮減檔案體積。
首先安裝babel-plugin-import，并在檔案 .babelrc 中配置：
npm install babel-plugin-import --save-dev// .babelrc{ "plugins": [["import