vue和layui有什麼差別

vue和layui的區別：1、vue是一套用於建立使用者介面的漸進式JavaScript框架，layui是一款採用自身模組規範編寫的前端UI框架；2、vue會負責資料和視圖的綁定，資料和視圖是關聯的，而layui則不提供元件和資料的綁定。

本教學操作環境：windows10系統、vue2.9.6版，DELL G3電腦。

vue和layui有什麼差別

#layui

layui（與音：類別UI)是一款採用自身模組規範編寫的前端UI 框架，遵循原生HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心程式碼到 API 的每一處細節都經過精心雕琢，非常適合介面的快速開發。

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

layui可作為PC網頁端後台系統與前台介面的速成開發方案。

vue

Vue (讀音 /vjuː/，類似 view) 是一套用於建立使用者介面的漸進式JavaScript框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。 Vue 的核心函式庫只專注於視圖層，方便與第三方函式庫或既有專案整合。

Vue 的核心函式庫只專注於視圖層，而且非常容易學習，非常容易與其它函式庫或已有專案整合。另一方面，Vue 完全有能力驅動採用單文件元件和Vue生態系統支援的庫開發的複雜單頁應用。

Vue.js 的目標是透過盡可能簡單的 API 實現回應的資料綁定和組合的視圖元件。

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

區別

vue(angular,react）這些框架會負責資料和視圖的綁定，資料變了，視圖自動更新，視圖發生事件，也會更新數據，很省事。 layui(bootstrap, extjs)這類庫，感覺不是框架，而是元件庫，會提供一些元件（例如表格，樹），只提供外觀和行為，不提供和資料的綁定，資料變了，你負責刷新；視圖變了，你自己獲取資料。 vue的介面函式庫element ui和layui都是元件庫，差別就是資料和視圖是不是關聯的。

layui 其實更偏向與後端開發人員使用，在服務端頁面上有非常好的效果做後台框架，滿足服務端程式設計師的需求。

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

bootstrap 在前端響應式方面做得很好，PC端和行動端表現都不錯。

如果是類似官網，且需要同時滿足PC端和行動裝置效果，bs表現很好。

但是如果是要互動的網站，像是商城之類，vue顯然更好，前後端分離。

【相關推薦：《vue.js教學》】

以上是vue和layui有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章！