經(jīng)典的 layui 沒有停止維護(hù)，還出了 Vue 3 版本的，依舊好用，分享給大家。

關(guān)于 Layui Vue

在介紹 Layui Vue 之前有必要先介紹一下 Layui。Layui 是一套經(jīng)典的開源的 Web UI 組件庫(kù)，作者是大名鼎鼎的前端大神賢心。Layui 采用輕量級(jí)模塊化規(guī)范，遵循原生態(tài)的 HTML / CSS / JavaScript 開發(fā)模式，極易上手，拿來(lái)即用。在 Vue / React 等前端開發(fā)框架還沒流行起來(lái)的時(shí)候，Layui 一度是最受前端開發(fā)者歡迎的前端組件庫(kù)，早些年被廣泛應(yīng)用在各種 web 社區(qū)、網(wǎng)站和后臺(tái)管理系統(tǒng)中。

隨著新的、效率更高的前端框架的涌現(xiàn)，Layui 逐漸被取代，后來(lái)在 2021 年底 Layui 官網(wǎng)下線，令人十分唏噓。注意只是官網(wǎng)下線，Layui 還有在維護(hù)， 由于 Layui 是一個(gè) UI 框架，因此可以和 Vue 一起使用，于是熱愛 layui 的開發(fā)者們就把他們結(jié)合在一起，打造出了基于 Vue 3 的組件庫(kù)。而今天要給大家推薦的，就是這款繼承 Layui 的前端 UI 框架 Layui Vue。

Layui Vue 是一套 Vue 3.0 桌面端組件庫(kù)，沿用 layui 的經(jīng)典設(shè)計(jì)規(guī)范，開箱即用。Layui Vue 在 2022 年發(fā)布 1.0 版本，2023 年發(fā)布了基于 Vue 3 的 2.0 版本，是一款使用簡(jiǎn)單、穩(wěn)定可靠、設(shè)計(jì)經(jīng)典的 UI 組件庫(kù)。

Layui Vue 的技術(shù)特性

• 經(jīng)典設(shè)計(jì)：基于 Layui 的 CSS，保留了好看優(yōu)雅的組件樣式
• 輕量簡(jiǎn)潔，占用空間小
• 提供主題配置變量，支持 layui 沒有的暗黑模式
• 提供 VS code 插件，優(yōu)雅的地開發(fā)
• 支持 Vue3 setup 語(yǔ)法開發(fā)模式
• 支持 i18n 國(guó)際化
• 官方生態(tài)包含同樣開箱即用的 admin 管理后臺(tái) Pear Admin Next

上手使用和建議

多年前我也是 layui 框架的忠實(shí)用戶，早年間用來(lái)開發(fā)了不少項(xiàng)目，學(xué)習(xí) layui 只需要熟悉基本 css+html 和 javascript 就能使用，哪怕是剛?cè)腴T的小白也能通過(guò)通俗的文檔上手開發(fā)，非常懷念以前擼代碼的日子。layui 的組件設(shè)計(jì)在當(dāng)時(shí)很新潮優(yōu)雅，哪怕放到現(xiàn)在也不過(guò)時(shí)，特別是經(jīng)典的 layer 彈出層組件，更是經(jīng)典中的經(jīng)典。

使用 npm 工具安裝 layui vue，若安裝緩慢，可嘗試用 pnpm 或其他鏡像源。

全局注冊(cè)到 Vue

Layui Vue 支持自動(dòng)按需引入和手動(dòng)按需引入，這樣可以大大減少打包體積。只引用少量組件時(shí)，可以手動(dòng)按需引入，配置如下：

如果使用的組件比較多，還是建議通過(guò)安裝插件來(lái)自動(dòng)按需引入，免去了手動(dòng)配置的麻煩。

layui 最經(jīng)典的還是直接在 html 中直接引入 js 、css 文件，Layui Vue 也同樣支持：

Pear Admin Next

Layui Vue 是一款桌面端的 UI 組件庫(kù)，很適合用來(lái)開發(fā) admin 管理后臺(tái)，官方已經(jīng)幫我們做成了最佳實(shí)踐，也就是 Pear Admin Next，這就是我之前在網(wǎng)站上推薦的 Pear Admin 的升級(jí)版本，特點(diǎn)是頁(yè)面模板多，簡(jiǎn)單易用：

• 基于 Layui Vue 實(shí)現(xiàn)的通用前端模板。整合最新技術(shù)高效快速開發(fā)，前后端分離模式，開箱即用；
• 核心模塊包括：登錄、工作空間、表單頁(yè)面、列表頁(yè)面、結(jié)果頁(yè)面、異常頁(yè)面 等功能；
• 代碼量少、學(xué)習(xí)簡(jiǎn)單、功能強(qiáng)大、輕量級(jí)、易擴(kuò)展，輕松高效開發(fā)。

免費(fèi)開源說(shuō)明

Layui Vue 是一款免費(fèi)開源的 Vue 3 組件庫(kù)，采用 MIT 開源協(xié)議，我們可以免費(fèi)自由地下載使用，也可以用于商業(yè)用途?？偟膩?lái)說(shuō)，這是一款由眾多熱愛 layui 的開發(fā)者為了傳承而打造的新一代 UI 組件庫(kù)，維護(hù)更新很頻繁，2.0 版本也足夠穩(wěn)定，完全可以去了解使用。

最后感謝 Layui Vue 的眾多開發(fā)貢獻(xiàn)者！

原文鏈接：https://www.thosefree.com/layui-vue文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-716316.html

到了這里，關(guān)于Layui Vue - 優(yōu)雅經(jīng)典、免費(fèi)開源的 Vue 3 桌面端 UI 組件庫(kù)，沿用 layui 設(shè)計(jì)規(guī)范，開箱即用，自帶 Pear Admin Next 后臺(tái)管理系統(tǒng)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！