# vue-zane-pagination

> > vue分页插件

Latest version **0.1.3** (published 2019-06-17) · 0 weekly downloads

## Install

```sh
npm install vue-zane-pagination
pnpm add vue-zane-pagination
yarn add vue-zane-pagination
bun add vue-zane-pagination
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.3 |
| Published | 2019-06-17 |
| First published | 2019-04-29 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 225.8 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | zane.me |

## Links

- npm: https://www.npmjs.com/package/vue-zane-pagination
- npm.io page: https://npm.io/package/vue-zane-pagination

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.6.10

## Recent versions

- 0.1.3 (latest) — 2019-06-17
- 0.1.2 — 2019-04-29

## README

# vue-zane-pagination

> vue分页插件
 
## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run lib
```

## 参数配置
**pageSize**：type: Number 必选<br>
**middleSize**：type: Number 可选（默认4）<br>

## demo
![](https://github.com/qinglong-kooboo/vue-zane-pagination/blob/master/public/img/pagination.gif)

## 实例
首先在项目的入口文件（main.js）中引入
``` 
import Pagination from 'vue-zane-pagination'
Vue.use(Pagination) 
```

然后使用该组件
``` 
<Pagination :pageSize="pageSize"  />
```

``` 
      P.S. 插件的样式需要手动添加，可以在组件内引入：import 'vue-zane-pagination/lib/pagination.css' 或者在main.js中全局引入
```  

``` 


For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).

---
_Source: https://npm.io/package/vue-zane-pagination · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._