vue和layui的区别:

1、vue是一套用于构建用户界面的渐进式JavaScript框架,layui是一款采用自身模块规范编写的前端UI框架;

2、vue会负责数据和视图的绑定,数据和视图是关联的,而layui则不提供组件和数据的绑定。

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端和移动端效果,bootstrap框架表现会很好。

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

Vue和layUI的区别何在?相关推荐

  1. vue和layUi对比

    vue和layUi对比 vue(angular,react)这些框架会负责数据和视图的绑定,数据变了,视图自动更新,视图发生事件,也会更新数据,很省事.layui(bootstrap, extjs)这 ...

  2. 【vue.js开发】如何在vue里面优雅的解决跨域,路由冲突问题

    [vue.js开发]如何在vue里面优雅的解决跨域,路由冲突问题 当我们在路由里面配置成以下代理可以解决跨域问题 proxyTable: {'/goods/*': {target: 'http://l ...

  3. [vue] 删除数组用delete和Vue.delete有什么区别?

    [vue] 删除数组用delete和Vue.delete有什么区别? delete:只是被删除数组成员变为 empty / undefined,其他元素键值不变Vue.delete:直接删了数组成员, ...

  4. CouchDB与Couchbase:区别何在,Membase又将如何?

    CouchDB与Couchbase:区别何在,Membase又将如何? 2012-05-23 02:05 682人阅读 评论(1) 收藏 举报 本文来源于我在InfoQ中文站翻译的文章,原文地址是:h ...

  5. Vue和React的区别到底是什么?

    一提到前端框架,相信大家都对Vue和React不陌生,这两个前端框架都是比较主流的,用户也都比较多,但是我们在使用这些框架的时候,是否对这两个框架之间的区别有所了解呢?接下来,让我们来一起的系统梳理这 ...

  6. VUE created与mounted区别

    VUE created与mounted区别 一.created mounted 1)created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图. 2)mounted:在模板渲 ...

  7. 莹石云直播原生和莹石云直播vue的使用和区别

    莹石云直播-原生和vue的使用和区别 原生-EZUIKit.EZUIPlayer //先导入 js 放置 head标签内<script src="./js/ezuikit.js&quo ...

  8. 均匀白噪声的定义及特点_白噪声粉红噪声的区别何在?

    白噪声粉红噪声的区别何在? 2015/6/19 11:11:39      来源:艾维音响网 [提要]所谓白噪音是指一段声音中的频率分量的功率在整个可听范围(0-20KHZ)内都是均匀的.由于人耳对高 ...

  9. 什么是无线AP呢?它跟无线路由器的区别何在?在实际组网中无线AP的功能是什么?

    什么是无线AP呢?它跟无线路由器的区别何在?在实际组网中无线AP的功能是什么? 一. 概念认识 AP为Access Point简称,一般翻译为"无线访问节点",它主要是提供无线工作 ...

最新文章

  1. 案例:验证用户名是否可用
  2. groovy定义变量获取当前时间_IDEA不愧为神器,结合Groovy脚本,简直无敌!
  3. Barra 结构化风险模型实现(1)——沪深300指数的风格因子暴露度分析
  4. vrp 节约算法 c++_数据结构和算法(Golang实现)(8.1)基础知识-前言
  5. 字符串匹配【模板】(luogu 3375)
  6. oracle 分析函数_数据分析系列笔试题(6)
  7. 停止使用C#异步流保存到磁盘
  8. 哪些场景应用了dsrc通信标准_如何提高量子通信系统的实用性,制约了量子通信系统的应用场景...
  9. 问题解决——OpenGL超级宝典 关于gltDrawTorus的错误解决
  10. list所有元素相加 python_什么是序列,Python序列详解(包括序列类型和常用操作)...
  11. 硬盘如何分区及分区注意事项
  12. Java面向对象三大特性
  13. uniapp js 金额与星星**符号互转
  14. PIC16F887 单片机 接线 实物器件说明 原理
  15. 【ROM制作工具】如何美化ROM、集成高级设置等特色功能到刷机包教程
  16. 设置plsql永久注册码
  17. Matlab App Designer 学习笔记
  18. 游戏开发物理引擎PhysX研究系列:将重力模拟关闭
  19. AG6202-MAQ|安格AG6202|HDMI转VGA方案|AG安格设计方案
  20. Centos 7 Authorization failed. Make sure polkit agent is running or run the application as superuser

热门文章

  1. 太极图(HTML+CSS),无动态效果
  2. ios 左右滑动手势
  3. ubuntu中的内网穿透cpolar下载安装,后台运行及开机自启
  4. LRM-00101: unknown parameter name 'location' LRM-00101: unknown parameter name 'valid_for' 粗心引起问题一例
  5. Robcup2D足球学习记录【2020.01.14】
  6. Flutter 图片选取 image_picker
  7. python redis缓存_第二百九十五节,python操作redis缓存-字符串类型
  8. ES的基本API操作
  9. Linux Python 导航目录
  10. python 实现任务管理清单案例