# vue-luckyui

> A Component Library for Vue2.js

Latest version **1.0.3** (published 2022-12-17) · 0 weekly downloads

## Install

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

## 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.3 |
| Published | 2022-12-17 |
| First published | 2022-08-19 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 2.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | lakeiedward |

## Links

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

## Dependencies (4)

- [dayjs](https://npm.io/package/dayjs.md) ^1.11.4
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [html2canvas](https://npm.io/package/html2canvas.md) ^1.4.1
- [throttle-debounce](https://npm.io/package/throttle-debounce.md) ^5.0.0

## Recent versions

- 1.0.3 (latest) — 2022-12-17
- 1.0.2 — 2022-12-17
- 1.0.1 — 2022-12-15
- 0.0.1 — 2022-08-19

## README

---
title: 快速上手
date: 2022-03-24 15:12:58
permalink: /luckyui/home/
article: false
---

#### 📦 npm 安装

推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。

```sh
$ npm install vue-luckyui
```

#### 🔨 快速上手
**完整引入**

在 main.js 中写入以下内容：

```js
import Vue from 'vue';
import luckyui from 'vue-luckyui';
import "vue-luckyui/lib/index.min.css"
import App from './App.vue';

Vue.use(luckyui)

new Vue({
  el: '#app',
  render: h => h(App)
});
```

#### 🎨 按需引入

如果你只希望引入部分组件，比如 Button 和 Contextmenu，那么需要在 main.js 中写入以下内容：

```js
import Vue from 'vue';
import { Button,Contextmenu } from '../lib/vue-luckyui.common';

Vue.component(Button.name, Button)
Vue.component(Contextmenu.name, Contextmenu)

/* 或写为
 * Vue.use(Button)
 * Vue.use(Contextmenu)
 */

new Vue({
  el: '#app',
  render: h => h(App)
});
```

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