vue和layui有哪些區(qū)別

這篇文章主要講解了“vue和layui有哪些區(qū)別”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“vue和layui有哪些區(qū)別”吧！

vue和layui的區(qū)別：1、vue是一套用于構建用戶界面的漸進式JavaScript框架，layui是一款采用自身模塊規(guī)范編寫的前端UI框架；2、vue會負責數(shù)據(jù)和視圖的綁定，數(shù)據(jù)和視圖是關聯(lián)的，而layui則不提供組件和數(shù)據(jù)的綁定。

本教程操作環(huán)境：windows10系統(tǒng)、vue2.9.6版，DELL G3電腦。

vue和layui有什么區(qū)別

layui

layui（諧音：類UI) 是一款采用自身模塊規(guī)范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)。

準確地說，她更多是為服務端程序員量身定做，你無需涉足各種前端工具的復雜配置，只需面對瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來。

layui可作為PC網(wǎng)頁端后臺系統(tǒng)與前臺界面的速成開發(fā)方案。

vue

Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，方便與第三方庫或既有項目整合。

Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)的復雜單頁應用。

Vue.js 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件。

Vue.js 自身不是一個全能框架——它只聚焦于視圖層。因此它非常容易學習，非常容易與其它庫或已有項目整合。另一方面，在與相關工具和支持庫一起使用時 ，Vue.js 也能完美地驅動復雜的單頁應用。

區(qū)別

vue(angular,react）這些框架會負責數(shù)據(jù)和視圖的綁定，數(shù)據(jù)變了，視圖自動更新，視圖發(fā)生事件，也會更新數(shù)據(jù)，很省事。layui(bootstrap, extjs)這類庫，感覺不是框架，而是組件庫，會提供一些組件（比如表格，樹），只提供外觀和行為，不提供和數(shù)據(jù)的綁定，數(shù)據(jù)變了，你負責刷新；視圖變了，你自己獲取數(shù)據(jù)。vue的界面庫element ui和layui都是組件庫，區(qū)別就是數(shù)據(jù)和視圖是不是關聯(lián)的。

layui 其實更偏向與后端開發(fā)人員使用，在服務端頁面上有非常好的效果做后臺框架，滿足服務端程序員的需求。

layui是提供給后端開發(fā)人員最好的ui框架，基于DOM驅動，在實現(xiàn)前端交互上比較麻煩，頁面的增刪改查都需要查詢DOM元素。所以在不需要交互的時候，用layui還是不錯的。

bootstrap 在前端響應式方面做得很好，PC端和移動端表現(xiàn)都不錯。

如果是類似官網(wǎng)，且需要同時滿足PC端和移動端效果，bs表現(xiàn)很好。

但是如果是要交互的網(wǎng)站，比如商城之類，vue顯然更好，前后端分離。

感謝各位的閱讀，以上就是“vue和layui有哪些區(qū)別”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對vue和layui有哪些區(qū)別這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！