layui-vueVue Layui 组件库

A component library for Vue 3 base on layui

Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式

快速上手

获得 layui-vue 你只需要使用 npm 引入下述文件：

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')

这是一个基本的入门页面：

<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 吧。但愿她能成为你长远的开发伴侣，继续化作你方寸屏幕前的亿万字节！

相关

官网、更新日志、交流群