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

相关

官网、更新日志、交流群