vue3-low-req/README.md

前端js 组件库，快捷开发、组件封装

# vue3-low-req

### 介绍
用于简化前端 重复性代码和组件


### 使用方法

有三个方法，使用前必须掉用其一
initRequest, setRequest, setRequestConfig
```javascript
/**
 * @param {请求体 必须包含 get 和 post 函数} request 
 * @param {初始化请求体 参数为函数} reqDataFilter 
 */
initRequest(request, reqDataFilter)
```

## Vue3 Low Req 组件库使用文档
Vue3 Low Req 是一个基于 Vue 3 的组件库，主要用于快速构建具有数据请求和分页功能的列表组件。

### 安装
```bash
npm install vue3-low-req
```

### 快速开始
全局注册
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import Vue3LowReq from 'vue3-low-req'
import 'vue3-low-req/dist/style.css'
const app = createApp(App)
app.use(Vue3LowReq)
app.mount('#app')
```

使用前先初始化
```javascript
import {lowQueryList,lowQueryBox,initRequest}from 'vue3-low-req'

//最好在项目初始化完毕就调用此方法
initRequest(null,(data)=>{  // 请求拦截 例如 success 就把data放入 返回 这里是放入queryList的数据，
    //注意 return 的 数据结构最好是这样 {data:[] ,total:0}  可以不包含 total 但是必须要data
    return data //{data:[] ,total:0}  
},{  //这个参数为config 参数可选  不填直接有默认

// 配置  分页字段名 ， 下面是默认的  ， 可自定义
    pageFieldName:{
        pageNumber:'pageNumber',
        pageSize:'pageSize',
        total:'total',
        data:'data'
    },
    isAutoBotomPageSelect:true,  //是否默认开启底部分页选择 组件 ， 默认true 就是 如果数据带 total 分页总条数 就会自动开启分页

})
```

局部导入
```javascript
import { lowQueryList, lowQueryParent, lowPagination, lowQueryBox } from 'vue3-low-req'
import 'vue3-low-req/dist/style.css'
```


## 详细文档加群
### 交流群
![QQ交流群](https://unpkg.com/vue3-low-req@latest/document/qq.jpg "QQ交流群")
![微信交流群](https://unpkg.com/vue3-low-req@latest/document/v.jpg "微信交流群")

## 贡献者 博
### CSDN文档
https://blog.csdn.net/m0_73841350/article/details/152033984