javaScript、jQuery、vue的区别
javaScript,jQuery,vue的区别：1.javaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的。2.jQuery就是javascript中的一个函数库，一个js文件，是把js中比较复杂的东西封装成一个库，能够让人们在开发过程中尽可能的少写多做。3.Vue.js可以作为一...
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获取标签元素：
<script>
var h1 = document.getElementById("title")
var h2 = document.getElementsByTagName("h1");
console.log(h1.innerHTML)
h1.innerHTML='修改后的标题'
</script>
2.jQuery修改网页中的元素内容：
<body>
<h1 id="title" class="title">我是标题</h1>
<script>
$(function(){
var h1 = $("#title")
console.log(box.html())//获取元素中的内容
$('.box').html('修改后的内容');//修改后的内容
})
</script>
</body>
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框架来编写的
前往低代码交流专区
更多推荐
6
0- 0
已为社区贡献1条内容
所有评论(0)