# vue-simple-tag

> 一个简单的Vue tag组件

Latest version **1.1.5** (published 2017-11-20) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue-simple-tag
pnpm add vue-simple-tag
yarn add vue-simple-tag
bun add vue-simple-tag
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.5 |
| Published | 2017-11-20 |
| First published | 2017-09-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | jigu |
| Maintainers | jigu |

## Links

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

## Recent versions

- 1.1.5 (latest) — 2017-11-20
- 1.1.4 — 2017-09-09
- 1.1.3 — 2017-09-07
- 1.1.2 — 2017-09-07
- 1.0.2 — 2017-09-07
- 1.0.1 — 2017-09-07
- 1.0.0 — 2017-09-07

## README

### About
一个简单的Vue tag组件

### Build Setup

npm install vue-simple-tag --save

### How to use

#### 1、.vue文件里导入
```js
import tag from "vue-simple-tag"
export default {
	name: 'myComponent',
	components: {
		tag
	}
}
```
#### 2、prop可传递的属性
```js
props: {
    background: {
      default: '#84cbfb'
    },
    color: {
      default: 'white'
    },
    radius: {
      default: '0.25rem'
    },
    fontSize: {
      default: '0.75rem'
    },
    padding: {
      default: '0.125rem 0.5rem 0.125rem 0.5rem'
    },
    margin: {
      default: 0
    }
  }
```
#### 3、Example
```html
<tag :background="'red'" :margin="'0 0 0 1rem'"></tag>
<tag :margin="'0 0 0 1rem'">Acg</tag>
<tag :background="'green'" :margin="'0 0 0 1rem'">PHP</tag>
<tag :background="'red'" :margin="'0 0 0 1rem'">JS</tag>
```
#### 4、Result
![result0](http://ovulwvh3q.bkt.clouddn.com/img/tag-result.0.png)

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