JavaScript、jQuery、Vue三者的区别

javaScript、jQuery、vue的区别，前端面试题

尤大不会Vue

5756人浏览 · 2022-08-29 15:12:20

尤大不会Vue · 2022-08-29 15:12:20 发布

1.JavaScript是运行在浏览器端的脚本语言，JavaScript主要解决的是前端和用户的交互问题。它是由浏览器解释执行的。
2.jQuery是JavaScript的一个集成库，是一个js文件，将一些复杂的api封装成一个库，旨在用少量的代码做更多的事，提高效率。
3.Vue.js是一套用于构建用户界面的渐进式框架，可以把它当作一个js库来使用，也可以搭配使用其整套的生态系统构建用户界面。Vue的核心库只关注视图层，Vue的目标是通过尽可能简单的 API 实现响应的数据绑定，其本质也是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 = "修改后的标题"
        }
    }
})

总结：
JavaScript和jQuery都是先获取DOM节点，然后对DOM节点进行值的修改等操作
Vue是先将数据对象和DOM节点进行绑定，然后直接修改数据对象，Vue的底层会替我们完成DOM操作

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^