vue中使用iview UI

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

步骤：

1. 1  安装iviewui

npm install iview --save

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

1. 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 configuration
const RouterConfig = {
    routes: Routers
};
const router = new VueRouter(RouterConfig);

new Vue({
    el: '#app',
    router: router,
    render: h => h(App)
});

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