2022-02-10 17:23:08 +08:00
## Introduction
< p >
< a href = "https://www.npmjs.com/package/@layui/layui-vue" > < img src = "https://img.shields.io/npm/v/@layui/layui-vue.svg?sanitize=true" alt = "Version" > < / a >
< a href = "https://www.npmjs.com/package/@layui/layui-vue" > < img src = "https://img.shields.io/npm/l/@layui/layui-vue.svg?sanitize=true" alt = "License" > < / a >
< a href = "https://travis-ci.org/sentsin/layui" > < img alt = "Build Status" src = "https://img.shields.io/travis/sentsin/layui/master.svg" > < / a >
< a href = "https://coveralls.io/r/sentsin/layui?branch=master" > < img alt = "Test Coverage" src = "https://img.shields.io/coveralls/sentsin/layui/master.svg" > < / a >
2022-02-10 23:48:21 +08:00
< / p >
2022-03-16 11:17:05 +08:00
**[🔶 Explore the docs »](http://www.layui-vue.com)** ** [Join us ](https://jq.qq.com/?_wv=1027&k=ffiUQgnE )**
2022-02-10 17:23:08 +08:00
An enterprise-class UI components based on Layui and Vue.
**Run with code Sandbox.**
2022-02-21 01:31:13 +08:00
[![Edit layui-vue ](https://codesandbox.io/static/img/play-codesandbox.svg )](https://codesandbox.io/s/11mvy)
2022-02-10 17:23:08 +08:00
## Features
A few of the things you can do with layui vue:
* Writing components using setup script
2022-02-22 13:37:57 +08:00
* Up to 60 high quality components
2022-02-10 17:23:08 +08:00
* Provide Axure design resources
* Support theme customization
* Support internationalization
## Get Started
Use npm to install.
```bash
npm i @layui/layui -vue
```
2022-02-21 01:36:44 +08:00
Before using, you need to mount layui Vue to Vue and introduce index.css style file
```
import App from './App.vue'
import { createApp } from 'vue'
import layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/index.css'
createApp(App).use(layui).mount('#app')
```
2022-02-21 01:23:54 +08:00
2022-02-10 17:25:08 +08:00
We have several examples on the [website ](http://layui-vue.pearadmin.com ). Here is the first one to get you started:
2022-02-10 17:23:08 +08:00
```
< template >
< lay-button-container >
< lay-button > Hello Word< / lay-button >
< / lay-button-container >
< / template >
```
## Feedback
Feel free to send us feedback on [file an issue ](https://github.com/layui-vue/layui-vue/issues/new ). Feature requests are always welcome. If you wish to contribute, please take a quick look at the [guidelines ](./CONTRIBUTING.md )!
If there's anything you'd like to chat about, please feel free to join our [Gitter chat ](https://gitter.im/layui-vue/community )!
2022-02-21 01:23:54 +08:00
## Build Process
- `build` Packaged component library
Please take a look at the [contributing guidelines ](./CONTRIBUTING.md ) for a detailed process on how to build your application as well as troubleshooting information.
2022-02-10 17:23:08 +08:00
## Contributors
This project follows the [all-contributors ](https://github.com/layui-vue/layui-vue/graphs/contributors ) specification and is brought to you by these [awesome contributors ](https://github.com/layui-vue/layui-vue/graphs/contributors ).
< a href = "https://github.com/layui-vue/layui-vue/graphs/contributors" >
< img src = "https://contrib.rocks/image?repo=layui-vue/layui-vue" / >
< / a >
2022-02-27 18:24:41 +08:00
## Licence
2022-02-10 17:23:08 +08:00
2022-03-16 11:17:05 +08:00
Layui vue is licensed under the [MIT license ](https://opensource.org/licenses/MIT ).