zoukankan      html  css  js  c++  java
  • 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来操作页面样式的页面中。

  • 相关阅读:
    spring整合websocket通信
    Log4j学习
    Elasticsearch学习之ES节点类型以及各种节点的分工
    Elasticsearch 学习之提升性能小贴士
    Python奇技淫巧
    汉语拼音转换工具(Python 版)
    根据数据库的表结构的类型返回其对应的简写类型
    python的动态加载机制??
    计算二进制中的字符串的长度
    一个erlang游戏服务端
  • 原文地址:https://www.cnblogs.com/A-Blingbling/p/14279131.html
Copyright © 2011-2022 走看看