vue中iView是什么？-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在vue中，iView是一套基于Vue.js的开源UI组件库，主要服务于PC界面的中后台产品。iView提供丰富的组件和功能，可满足绝大部分网站场景；提供开箱即用的Admin系统和高阶组件库，极大程度节省开发成本。

iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式，基于 npm + webpack + babel 开发，支持 ES2015 高质量、功能丰富友好的 API ，自由灵活地使用空间，由TalkingData开发维护，有很多知名互联网企业都在使用。

官网地址：https://www.iviewui.com/

iView的特性

丰富的组件和功能，满足绝大部分网站场景
提供开箱即用的 Admin 系统和高阶组件库，极大程度节省开发成本
提供专业、优质的一对一技术支持
友好的 API ，自由灵活地使用空间
细致、漂亮的 UI
事无巨细的文档
可自定义主题

iView的安装：

1) 使用npm：

1	`npm install --save iview`

2) CDN引入：

1 2	`<link rel="stylesheet"` `href="css/iview.css">` `<script src="js/iview.min.js"></script>`

引入 iView

1) 一般在 webpack 入口页面 main.js 中如下配置：

import Vue from 'vue';
import VueRouter from 'vue-router';
import App from 'components/app.vue'; // 路由挂载
import Routers from './router.js'; // 路由列表
import iView from 'iview'; // 导入组件库
import 'iview/dist/styles/iview.css'; // 导入样式
Vue.use(VueRouter);
Vue.use(iView);
// 路由配置
const RouterConfig = {
    routes: Routers
};
const router = new VueRouter(RouterConfig);
new Vue({
    el: '#app',
    router: router,
    render: h => h(App)
});