layui/example/docs/zh-CN/guide/getStarted.md

::: title 快速上手 :::

::: describe 这里是 Layui 的 Vue 实现，开发和服务于企业级后台产品。 :::

::: describe 1.使用 npm 下载 :::

npm install @layui/layui-vue --save

::: describe 2.在 main.ts 中依赖 :::

import App from './App.vue'
import { createApp } from 'vue'
import Layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/layui.css'

createApp(App).use(Layui).mount('#app')

::: describe 3.在 index.vue 使用 :::

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

• 前往: layui-vue-sample