example | ||
src | ||
.gitignore | ||
LICENSE | ||
package.json | ||
README.md | ||
shims-vue.d.ts | ||
tsconfig.json | ||
vite.config.ts |
A component library for Vue 3 base on layui
基 于 vue 3.0 的 桌 面 端 组 件 库 , layui 的 另 一 种 呈 现 方 式
快速上手 : Beta
获得 layui-vue 你只需要使用 npm 或 yarn 引入 @layui/layui-vue 依赖:
npm install @layui/layui-vue
在 main.ts 中:
import { createApp } from 'vue'
import Layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/index.css'
import App from './App.vue'
createApp(App).use(Layui).mount('#app')
接下来,你就可以使用 layui-vue 来开发你的应用:
<template>
<lay-layout>
<lay-header>
<lay-logo>Layui Admin</lay-logo>
</lay-header>
<lay-side></lay-side>
<lay-body>
<router-view></router-view>
</lay-body>
<lay-footer>pearadmin.com</lay-footer>
</lay-layout>
</template>
阅读文档
从现在开始,用另一种方式拥抱 layui, 继续化作你方寸屏幕前的亿万字节!
使用趋势
贡献者
大概是因为 layui - vue 让开发者变得更懒,所以贡献者才这么少?
好的,姑且就这样认为吧。