layui-vueVue Layui 組件庫(kù)

A component library for Vue 3 base on layui

Vue 3.0 的 桌 面 端 組 件 庫(kù) , Layui 的 另 一 種 呈 現(xiàn) 方 式

快速上手

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

這是一個(gè)基本的入門(mén)頁(yè)面：

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

閱讀文檔

從現(xiàn)在開(kāi)始，用另一種方式擁抱 layui 吧。但愿她能成為你長(zhǎng)遠(yuǎn)的開(kāi)發(fā)伴侶，繼續(xù)化作你方寸屏幕前的億萬(wàn)字節(jié)！

相關(guān)

官網(wǎng)、更新日志、交流群