vue項目中使用iview框架

通過幾個項目的了解，個人感覺iview框架是vue框架中比較容易上手，比較好用的框架，主要是各種例子比較齊全，且網上的資料比較多，易於查找。

廢話不多說附上步驟：

一：iview (pc端前端框架)安裝

npm install iview --save

二：一般在 webpack 入口頁面 main.js 中如下配置

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

Vue.use(iView);

三：iview 按需引入

借助插件 babel-plugin-import可以實現按需加載組件，減少文件體積。首先安裝，並在文件 .babelrc 中配置：

npm install babel-plugin-import --save-dev

按需引用仍然需要導入樣式，即在 main.js 或根組件執行 
import 'iview/dist/styles/iview.css';

// .babelrc
{
  "plugins": [["import", {
    "libraryName": "iview",
    "libraryDirectory": "src/components"
  }]]
}
然后這樣按需引入組件，就可以減小體積了：

import { Button, Table } from 'iview';
Vue.component('Button', Button);
Vue.component('Table', Table);

好了，很簡單吧，順便附上iview框架首頁地址：http://v1.iviewui.com/