# vue-weui

> WeUI components with love of Vue.js

Latest version **0.3.2** (published 2016-05-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-weui
pnpm add vue-weui
yarn add vue-weui
bun add vue-weui
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.2 |
| Published | 2016-05-16 |
| First published | 2015-11-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 410 |
| Author | Lei Lei |
| Maintainers | adcentury |
| Keywords | weui, vue, vue weui, vue-weui, vue components, mobile ui, wechat mobile ui |

## Links

- npm: https://www.npmjs.com/package/vue-weui
- Repository: https://github.com/adcentury/vue-weui
- Homepage: https://github.com/adcentury/vue-weui#readme
- Issues: https://github.com/adcentury/vue-weui/issues
- npm.io page: https://npm.io/package/vue-weui

## Dependencies (1)

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

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@mesalvo/react-ui](https://npm.io/package/@mesalvo/react-ui.md) — 1.7K weekly downloads

## Recent versions

- 0.3.2 (latest) — 2016-05-16
- 0.3.1 — 2016-04-20
- 0.3.0 — 2016-04-20
- 0.2.2 — 2016-04-14
- 0.2.1 — 2016-04-13
- 0.2.0 — 2016-01-29
- 0.1.9 — 2016-01-21
- 0.1.8 — 2015-12-16
- 0.1.6 — 2015-12-11
- 0.1.3 — 2015-12-09
- 0.1.2 — 2015-12-09
- 0.1.1 — 2015-12-09
- 0.1.0 — 2015-12-09
- 0.0.2-alpha1 — 2015-11-30
- 0.0.1 — 2015-11-27

## README

# vue-weui

[![npm package][npm-badge]][npm] [![dependencies status][dependencies-badge]][dependencies] [![npm downloads][downloads-badge]][npm]

> 使用Vue封装，为微信Web服务量身设计（Work with WeUI 0.4.0+）

## 特点

* 使用Vue封装了WeUI的所有组件
* 通过npm安装，可以一次引入所有组件，也可选择只引入需要的组件
* 不带一行css，与WeUI样式完全解绑，可以方便地进行自定义

## 预览

![qr-of-examples](./docs/images/qr-of-examples.png)

扫描二维码在手机查看

或直接访问 [http://adcentury.github.io/vue-weui](http://adcentury.github.io/vue-weui)

## 安装

### 安装weui

vue-weui中组件与css完全解绑，既给予了开发者自主性和灵活性，也能最大限度减少文件大小。安装css方法如下：

```
npm install --save weui
```

之后，只需在页面中引入`dist/style/weui.css`或者`dist/style/weui.min.css`其中之一即可. 例如:

```html
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>Vue WeUI</title>
  <link rel="stylesheet" href="path/to/weui/dist/style/weui.min.css"/>
</head>
```

### 安装vue-weui

```
npm install vue-weui --save
```

## 使用

### 引用

#### ES6

```javascript
// 引用所有组件
import VueWeui from 'vue-weui';

export default {
  components: VueWeui
};

// 引用部分组件
import {Dialog} from 'vue-weui';
// 或
// 只引用需要的文件，减少文件大小
import Dialog from 'vue-weui/components/dialog/dialog.vue';

export default {
  components: {
    Dialog
  }
};

```

#### CommonJS

```javascript
var Dialog = require('vue-weui').Dialog;
// 或
var Dialog = require('vue-weui/components/dialog/dialog.vue');

new Vue({
  components: {
    'dialog': Dialog
  }
});
```

### 组件列表和使用说明

[点击查看组件列表](./docs/components.md)

## 查看示例

```
git clone https://github.com/adcentury/vue-weui
cd vue-weui && npm install
npm start

open http://localhost:8080 in browser
```

## 变更日志

[点击查看变更日志](./docs/CHANGELOG.md)

## 反馈

有任何意见和建议请提交issue或PR，谢谢。

[npm-badge]: https://img.shields.io/npm/v/vue-weui.svg?style=flat-square
[npm]: https://www.npmjs.com/package/vue-weui

[dependencies-badge]: https://david-dm.org/adcentury/vue-weui.svg
[dependencies]: https://david-dm.org/adcentury/vue-weui

[downloads-badge]: https://img.shields.io/npm/dm/vue-weui.svg?style=flat-square

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