# yyl-npm-practice

> 练习vue写个组件并发布到npm

Latest version **1.0.7** (published 2019-10-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install yyl-npm-practice
pnpm add yyl-npm-practice
yarn add yyl-npm-practice
bun add yyl-npm-practice
```

## 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.0.7 |
| Published | 2019-10-25 |
| First published | 2019-04-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 18.6 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | yanyalong |
| Maintainers | yanyalong |

## Links

- npm: https://www.npmjs.com/package/yyl-npm-practice
- npm.io page: https://npm.io/package/yyl-npm-practice

## Dependencies (1)

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

## Recent versions

- 1.0.7 (latest) — 2019-10-25
- 1.0.6 — 2019-10-25
- 1.0.5 — 2019-10-25
- 1.0.4 — 2019-04-13
- 1.0.3 — 2019-04-13
- 1.0.2 — 2019-04-13
- 1.0.1 — 2019-04-13
- 1.0.0 — 2019-04-13

## README

## Install

``` bash
安装方法：
1.npm安装：
npm: npm install yyl-npm-practice
2.yarn安装：
yarn add yyl-npm-practice
3.引用yyl-npm-practice.js,使用方法见下文
```
## Quick Start
``` javascript
<template>
<YylNpmPractice
    :propData="propData"
    />
</template>
import YylNpmPractice from 'yyl-npm-practice'
...,
components: {YylNpmPractice},
```
## Params
```
propData: 传递的参数
```
引用 yyl-npm-practice.js 的使用示例：
```
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
</head>
<body>
<div id="app">
  <yyl-npm-practice :propData="propData"></yyl-npm-practice>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="./dist/yyl-npm-practice.js"></script>
<script>
  new Vue({
    el: '#app',
    data: function() {
      return {
        propData: '11111111111111111111'
      }
    },
    methods: {
    }
  })
</script>
</body>
</html>
```

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