javaScript、jQuery、vue的区别

2023-08-16 12:07| 来源: 网络整理| 查看: 265

javaScript,jQuery,vue的区别： 1.javaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的。

2.jQuery就是javascript中的一个函数库，一个js文件，是把js中比较复杂的东西封装成一个库，能够让人们在开发过程中尽可能的少写多做。

3.Vue.js可以作为一个js库来使用，也可以用它全套的工具来构建系统界面，这些可以根据项目的需要灵活选择，所以说，Vue.js是一套构建用户界面的渐进式框架。Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的 API 实现响应的数据绑定，在这一点上Vue.js类似于后台的模板语言。其本质上来说也是js代码

下面介绍利用这三种方法来修改网页中的元素内容，看看他们的实用性哪个更简单，

1.javaScript获取标签元素： var h1 = document.getElementById("title") var h2 = document.getElementsByTagName("h1"); console.log(h1.innerHTML) h1.innerHTML='修改后的标题' 2.jQuery修改网页中的元素内容：我是标题 $(function(){ var h1 = $("#title") console.log(box.html())//获取元素中的内容 $('.box').html('修改后的内容');//修改后的内容 }) 3.Vue获取标签元素： var vm = new Vue({ el:"#box1", data:{ content:"标题" }, methods:{ dianji1:function () { this.content = "修改后的标题" } } })

总结： 1.js,jQuery首先都要获取到DOM对象，然后对DOM对象进行进行值的修改等操作 2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把DOM的值就行更新。也可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作

jQuery只是一个类库，提供了很多的方法，但不能算框架，而vue.js是一个框架，有一套完整的体系。所以Vue的优势比jQ大很多，工作中大多数也是采用Vue框架来编写的

【本文地址】

公司简介

联系我们