layui和vue的区别

vue和layui的区别：1、vue是一套用于构建用户界面的渐进式JavaScript框架，layui是一款采用自身模块规范编写的前端UI框架；2、vue会负责数据和视图的绑定，数据和视图是关联的，而layui则不提供组件和数据的绑定。

1、layui

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。

准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

layui可作为PC网页端后台系统与前台界面的速成开发方案。

2、vue

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。

Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时 ，Vue.js 也能完美地驱动复杂的单页应用。

3、区别

vue(angular,react）这些框架会负责数据和视图的绑定，数据变了，视图自动更新，视图发生事件，也会更新数据，很省事。layui(bootstrap, extjs)这类库，感觉不是框架，而是组件库，会提供一些组件（比如表格，树），只提供外观和行为，不提供和数据的绑定，数据变了，你负责刷新；视图变了，你自己获取数据。vue的界面库element ui和layui都是组件库，区别就是数据和视图是不是关联的。

layui 其实更偏向与后端开发人员使用，在服务端页面上有非常好的效果做后台框架，满足服务端程序员的需求。

layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删改查都需要查询DOM元素。所以在不需要交互的时候，用layui还是不错的。

bootstrap 在前端响应式方面做得很好，PC端和移动端表现都不错。

如果是类似官网，且需要同时满足PC端和移动端效果，bs表现很好。

但是如果是要交互的网站，比如商城之类，vue显然更好，前后端分离。