• jQuery与vue的区别是什么?


    jQuery与vue的区别是什么?

    下面本篇文章就来给大家介绍一下,让大家了解jquery和vue.js之间有哪些区别。

    有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

    jquery与vue的对比

    JQuery:

    jQuery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作,

    其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象,而数据和界面是在一起的。

    比如需要获取label标签的内容:$("lable").val();,它还是依赖DOM元素的值。

    只是对原生JS的API选择器等等进行了封装,便于操作DOM,本质还是操作DOM实现逻辑,数据和界面还是连接在一起的。

    适用于需要操作DOM的业务:动画,交互效果,页面特效。

    Vue.js:

    Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象,

    可以说数据和View是分离的,他们通过Vue对象这个vm实现相互的绑定。这就是传说中的MVVM。

    MVVM模型,将数据层和视图层完全分离开,不仅对API进行封装, 还提供了一系列的解决方案。

    这是一个思想的转变。数据驱动的机制,主要操作的是数据而不是频繁操作DOM(导致页面频繁重绘)。

    适用的业务:数据相关的处理以及操作。

    jquery与vue的区别

    1、工作原理

    Vue做到了数据和视图完全分离开,它首先把值和js对象进行绑定,然后修改js对象的值,

    Vue框架就会自动把dom的值就行更新。对数据进行操作不再需要引用相应的dom对象,

    他们通过Vue对象实现数据和视图的相互绑定。

    jQuery则是要先使用选择器($)来选取dom对象,然后对dom对象进行操作(如赋值、取值、事件绑定等)。

    2、侧重

    vue侧重数据绑定,可以应用于复杂数据操作的后台页面。如:表单填写页面

    jquery侧重样式操作,动画效果等;可以应用于一些html5的动画页面,一些需要js来操作页面样式的页面中。

  • 相关阅读:
    显示当前时间和全班学生成绩求和
    js做计算器
    javascript学习内容--改变样式、取消设置、显示内容、隐藏内容
    javascript学习内容--object.style.display="value" value值为“”none“隐藏”或 "block"显示
    元素示例
    Python网页爬虫(一)
    macbook Android开发环境搭建,真机调试
    Shell 脚本编程笔记(一) Hello Shell
    嵌入式开发(一) Ubuntu12.04下搭建交叉编译环境
    算法学习(二) 全排列问题的非递归算法——模拟堆栈
  • 原文地址:https://www.cnblogs.com/A-Blingbling/p/14279131.html
Copyright © 2020-2023  润新知