fast-element-ui/README.md

Vue项目快速开发组件框架，使用element-ui为基础库二次封装构建。

##  fast-element-ui
介绍：

使用`element-ui`为基础库二次封装了例如：Grid 带分页的数据列表，Form可配置表单等引入（import）即可使用的大组件。

优点：

二次封装的大组件例如：Grid、G2-Grid（父子Grid联动）、Form等都是引入即用，不用在引入其它组件，
不用在摸板中再写需要组合组件的各种子组件。

使用示例和文档说明：
[->github文档地址](https://github.com/zhangh-design/vue-frame)

安装和快速上手

#### 安装

> 安装依赖包

- element-ui

```
npm i element-ui --save
```

- fast-element-ui （二次扩展库插件）

```
npm i fast-element-ui --save
```

- axios-api-query （ajax请求插件）

```
npm i axios-api-query --save
```

- lodash （帮助函数插件）

`lodash`如果使用的是脚手架那么可能脚手架已经帮你安装了（比如：Vue CLI）。

```
npm i lodash --save
```

---

#### 快速上手

> 本节将介绍如何在项目中使用 fast-element-ui。

- **完整引入**

> 在 main.js 中写入以下内容：

```
import Vue from 'vue';
// 完整引入 element-ui 库和样式文件
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 引入 fast-element-ui 插件和样式文件
import FastElementUI from './components/common/index.js'
import 'fast-element-ui/lib/theme-default/index.css'
import App from './App.vue';

// 使用
Vue.use(FastElementUI)
Vue.use(ElementUI)

new Vue({
  render: h => h(App)
}).$mount('#app')
```

注意：以上代码便完成了 Element 和 FastElement 的引入。

需要注意的是，完整引入的方式样式文件需要单独引入。

- **按需引入**

注意：

- element-ui 请使用[->官网](https://element.eleme.cn/#/zh-CN/component/quickstart#an-xu-yin-ru)上的按需引入方式。
- fast-element-ui 暂时不支持按需引入。