vue中使用iview UI

iview ui是一个强大的ui库基于vue，有很多实用的基础组件比elementui的组件更丰富，这里介绍如何在vue项目中使用iview开发项目。iview自己有一套后台管理模版iview-admin，可以直接拿到源代码在项目上修改添加功能，自己试过，但是引入vue-router布置如何配置。这里我们讲解的是vue-cli生成的项目引入iview。

步骤：

npm install iview --save

具体的步骤可以iview官方文档

2在入口文件main.js中引入iviewui

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);// The routing configurationconst RouterConfig = {routes: Routers};const router = new VueRouter(RouterConfig);new Vue({el: '#app',router: router,render: h => h(App)});

然后就可以在项目中使用组件了，iview的样式基于less，如果要修改主题，就需要使用less，详细见在vue中使用less